#editor, #editor>div, #edui1_iframeholder{height:100% !important;} .edui-default .edui-editor-toolbarbox, .edui-default .edui-editor-bottomContainer{display:none;} #edui1{z-index:5 !important} /* ------------------------------ 编辑区 ------------------------------*/ .CA{height:100%;padding:71px 0px 30px;position: relative;} .CA_AI_bg{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 10;display: none;} .CA_AI_bg01{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 10;display: none;} /*工具栏*/ .CB{position:absolute;top:0px;left:0px;height:70px;width:100%;border-bottom:1px solid var(--corb04);font-size:0px;padding:3px 0px 3px 3px;} .CB-li{display:inline-block;vertical-align:top;cursor:pointer;overflow:hidden;} .CB-li .CB-btn{height:28px;border-radius:4px;transition:var(--anims05);-webkit-transition:var(--anims05);} .CB-li .CB-icon{position:relative;} .CB-li .CB-row{transition:var(--anims05);-webkit-transition:var(--anims05);position:relative;} .CB-li .CB-icon svg{transition:var(--anims05);-webkit-transition:var(--anims05);position:absolute;} .CB-li .CB-row svg{transition:var(--anims05);-webkit-transition:var(--anims05);position:absolute;} .CB-li .CB-fen{height:26px;width:1px;transition:var(--anims05);-webkit-transition:var(--anims05);position:absolute;left:26px;top:0px;} /*字号*/ .CB .CB-li-fontsize{padding:2px 1px;} .CB .CB-li-fontsize .CB-btn{width:52px;height:28px;} .CB .CB-li-fontsize .CB-icon{ width:38px; height:28px; line-height:28px; font-size:12px; text-align:left; padding-left:4px; letter-spacing:0px; white-space:nowrap; overflow:hidden; float:left; } .CB .CB-li-fontsize .CB-row{width:14px;height:28px;position:relative;float:right;} .CB .CB-li-fontsize .CB-row svg{top:12px;left:3px;} .CB .CB-li-fontsize .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-fontsize .CB-btn:active{background-color:var(--corb04);} /*加粗*/ .CB .CB-li-bold{padding:2px 1px;} .CB .CB-li-bold .CB-btn{width:28px;height:28px;} .CB .CB-li-bold .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-bold .CB-icon svg{position:absolute;top:6px;left:5px;} .CB .CB-li-bold .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-bold .CB-btn:active{background-color:var(--corb04);} /*斜体*/ .CB .CB-li-italic{padding:2px 1px;} .CB .CB-li-italic .CB-btn{width:28px;height:28px;} .CB .CB-li-italic .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-italic .CB-icon svg{position:absolute;top:6px;left:5px;} .CB .CB-li-italic .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-italic .CB-btn:active{background-color:var(--corb04);} /*下划线*/ .CB .CB-li-underline{padding:2px 1px;} .CB .CB-li-underline .CB-btn{width:42px;border:1px solid var(--cora08);height:28px;position:relative;} .CB .CB-li-underline .CB-icon{position:relative;width:26px;height:26px;float:left;} .CB .CB-li-underline .CB-icon svg{top:5px;left:5px;} .CB .CB-li-underline .CB-row{width:13px;float:right;height:26px;} .CB .CB-li-underline .CB-row svg{top:11px;left:2.5px;} .CB .CB-li-underline .CB-btn:hover{border-color:var(--corb06);} .CB .CB-li-underline .CB-btn:hover .CB-fen{background-color:var(--corb06);} .CB .CB-li-underline .CB-icon:hover{background-color:var(--corb04);} .CB .CB-li-underline .CB-icon:active{background-color:var(--corb04);} .CB .CB-li-underline .CB-row:hover{background-color:var(--corb04);} .CB .CB-li-underline .CB-row:active{background-color:var(--corb04);} .CB .CB-li-chose .CB-fen{background-color:var(--corb06);} /*字体颜色*/ .CB .CB-li-color{padding:2px 1px;} .CB .CB-li-color .CB-btn{width:42px;border:1px solid transparent;height:28px;position:relative;} .CB .CB-li-color .CB-icon{position:relative;width:26px;height:26px;float:left;} .CB .CB-li-color .CB-icon svg{top:5px;left:5px;} .CB .CB-li-color .CB-row{width:13px;float:right;height:26px;} .CB .CB-li-color .CB-row svg{top:11px;left:2.5px;} .CB .CB-li-color .CB-btn:hover{border-color:var(--corb06);} .CB .CB-li-color .CB-btn:hover .CB-fen{background-color:var(--corb06);} .CB .CB-li-color .CB-icon:hover{background-color:var(--corb04);} .CB .CB-li-color .CB-icon:active{background-color:var(--corb04);} .CB .CB-li-color .CB-row:hover{background-color:var(--corb04);} .CB .CB-li-color .CB-row:active{background-color:var(--corb04);} .CB .CB-li-chose .CB-fen{background-color:var(--corb06);} /*字体辅色*/ .CB .CB-icon-aidcolor{padding:2px 1px;} .CB .CB-icon-aidcolor .CB-btn{width:42px;border:1px solid var(--cora08);height:28px;position:relative;} .CB .CB-icon-aidcolor .CB-icon{position:relative;width:26px;height:26px;float:left;} .CB .CB-icon-aidcolor .CB-icon01 svg{top:4px;left:4px;} .CB .CB-icon-aidcolor .CB-icon02 svg{top:5px;left:5px;} .CB .CB-icon-aidcolor .CB-icon03 svg{top:5px;left:5px;} .CB .CB-icon-aidcolor .CB-icon04 svg{top:5px;left:5px;} .CB .CB-icon-aidcolor .CB-row{width:13px;float:right;height:26px;} .CB .CB-icon-aidcolor .CB-row svg{top:11px;left:2.5px;} .CB .CB-icon-aidcolor .CB-btn:hover{border-color:var(--corb06);} .CB .CB-icon-aidcolor .CB-btn:hover .CB-fen{background-color:var(--corb06);} .CB .CB-icon-aidcolor .CB-icon:hover{background-color:var(--corb04);} .CB .CB-icon-aidcolor .CB-icon:active{background-color:var(--corb04);} .CB .CB-icon-aidcolor .CB-row:hover{background-color:var(--corb04);} .CB .CB-icon-aidcolor .CB-row:active{background-color:var(--corb04);} .CB .CB-li-chose .CB-fen{background-color:var(--corb06);} .CB .CB-icon-ground .CB-icon{display:none;} .CB .CB-icon-ground .CB-icon01{display:inline-block;} .CB .CB-icon-shadow .CB-icon{display:none;} .CB .CB-icon-shadow .CB-icon02{display:inline-block;} .CB .CB-icon-border .CB-icon{display:none;} .CB .CB-icon-border .CB-icon03{display:inline-block;} .CB .CB-icon-deline .CB-icon{display:none;} .CB .CB-icon-deline .CB-icon04{display:inline-block;} /*字间距*/ .CB .CB-li-letterspacing{padding:2px 1px;} .CB .CB-li-letterspacing .CB-btn{width:42px;height:28px;} .CB .CB-li-letterspacing .CB-icon{position:relative;width:28px;height:28px;float:left;} .CB .CB-li-letterspacing .CB-icon svg{top:6px;left:6px;} .CB .CB-li-letterspacing .CB-row{width:14px;float:right;height:28px;} .CB .CB-li-letterspacing .CB-row svg{top:12px;left:0px;} .CB .CB-li-letterspacing .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-letterspacing .CB-btn:active{background-color:var(--corb04);} /*居左*/ .CB .CB-li-justifyleft{padding:2px 1px;} .CB .CB-li-justifyleft .CB-btn{width:28px;height:28px;} .CB .CB-li-justifyleft .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-justifyleft .CB-icon svg{position:absolute;top:5px;left:6px;} .CB .CB-li-justifyleft .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-justifyleft .CB-btn:active{background-color:var(--corb04);} /*居中*/ .CB .CB-li-justifycenter{padding:2px 1px;} .CB .CB-li-justifycenter .CB-btn{width:28px;height:28px;} .CB .CB-li-justifycenter .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-justifycenter .CB-icon svg{position:absolute;top:5px;left:6px;} .CB .CB-li-justifycenter .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-justifycenter .CB-btn:active{background-color:var(--corb04);} /*居右*/ .CB .CB-li-justifyright{padding:2px 1px;} .CB .CB-li-justifyright .CB-btn{width:28px;height:28px;} .CB .CB-li-justifyright .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-justifyright .CB-icon svg{position:absolute;top:5px;left:6px;} .CB .CB-li-justifyright .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-justifyright .CB-btn:active{background-color:var(--corb04);} /*两端对齐*/ .CB .CB-li-justifyjustify{padding:2px 1px;} .CB .CB-li-justifyjustify .CB-btn{width:28px;height:28px;} .CB .CB-li-justifyjustify .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-justifyjustify .CB-icon svg{position:absolute;top:5px;left:6px;} .CB .CB-li-justifyjustify .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-justifyjustify .CB-btn:active{background-color:var(--corb04);} /*首行缩进*/ .CB .CB-li-indent{padding:2px 1px;} .CB .CB-li-indent .CB-btn{width:28px;height:28px;} .CB .CB-li-indent .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-indent .CB-icon svg{position:absolute;top:5px;left:6px;} .CB .CB-li-indent .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-indent .CB-btn:active{background-color:var(--corb04);} /*行间距*/ .CB .CB-li-lineheight{padding:2px 1px;} .CB .CB-li-lineheight .CB-btn{width:42px;height:28px;} .CB .CB-li-lineheight .CB-icon{position:relative;width:28px;height:28px;float:left;} .CB .CB-li-lineheight .CB-icon svg{top:6px;left:6px;} .CB .CB-li-lineheight .CB-row{width:14px;float:right;height:28px;} .CB .CB-li-lineheight .CB-row svg{top:12px;left:0px;} .CB .CB-li-lineheight .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-lineheight .CB-btn:active{background-color:var(--corb04);} /*导入*/ .CB .CB-li-import{padding:2px 1px;} .CB .CB-li-import .CB-btn{width:28px;height:28px;} .CB .CB-li-import .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-import .CB-icon svg{position:absolute;top:6px;left:7px;} .CB .CB-li-import .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-import .CB-btn:active{background-color:var(--corb04);} /*字体*/ .CB .CB-li-fontfamily{padding:2px 3px 2px 1px;} .CB .CB-li-fontfamily .CB-btn{width:68px;height:28px;padding-left:5px;} .CB .CB-li-fontfamily .CB-icon{ width:48px; height:28px; line-height:28px; font-size:12px; text-align:center; overflow:hidden; letter-spacing:0px; white-space:nowrap; float:left; } .CB .CB-li-fontfamily .CB-row{width:14px;height:28px;position:relative;float:right;} .CB .CB-li-fontfamily .CB-row svg{top:12px;left:3px;} .CB .CB-li-fontfamily .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-fontfamily .CB-btn:active{background-color:var(--corb04);} /*清除格式*/ .CB .CB-li-removeformat{padding:2px 3px;} .CB .CB-li-removeformat .CB-btn{width:28px;height:28px;} .CB .CB-li-removeformat .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-removeformat .CB-icon svg{position:absolute;top:6px;left:6px;} .CB .CB-li-removeformat .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-removeformat .CB-btn:active{background-color:var(--corb04);} /*格式刷*/ .CB .CB-li-formatmatch{padding:2px 3px;} .CB .CB-li-formatmatch .CB-btn{width:28px;height:28px;} .CB .CB-li-formatmatch .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-formatmatch .CB-icon svg{position:absolute;top:6px;left:5px;} .CB .CB-li-formatmatch .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-formatmatch .CB-btn:active{background-color:var(--corb04);} .CB .CB-li.CB_formatmatch .CB-btn{background-color:var(--corb04);} /*图片上传*/ .CB .CB-li-photoupload{padding:2px 3px;} .CB .CB-li-photoupload .CB-btn{width:28px;height:28px;} .CB .CB-li-photoupload .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-photoupload .CB-icon svg{position:absolute;top:6px;left:5px;} .CB .CB-li-photoupload .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-photoupload .CB-btn:active{background-color:var(--corb04);} /*段前距*/ .CB .CB-li-rowspacingtop{padding:2px 3px;} .CB .CB-li-rowspacingtop .CB-btn{width:42px;height:28px;} .CB .CB-li-rowspacingtop .CB-icon{position:relative;width:28px;height:28px;float:left;} .CB .CB-li-rowspacingtop .CB-icon svg{top:6px;left:6px;} .CB .CB-li-rowspacingtop .CB-row{width:14px;float:right;height:28px;} .CB .CB-li-rowspacingtop .CB-row svg{top:12px;left:0px;} .CB .CB-li-rowspacingtop .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-rowspacingtop .CB-btn:active{background-color:var(--corb04);} /*段后距*/ .CB .CB-li-rowspacingbottom{padding:2px 3px;} .CB .CB-li-rowspacingbottom .CB-btn{width:42px;height:28px;} .CB .CB-li-rowspacingbottom .CB-icon{position:relative;width:28px;height:28px;float:left;} .CB .CB-li-rowspacingbottom .CB-icon svg{top:7px;left:6px;} .CB .CB-li-rowspacingbottom .CB-row{width:14px;float:right;height:28px;} .CB .CB-li-rowspacingbottom .CB-row svg{top:12px;left:0px;} .CB .CB-li-rowspacingbottom .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-rowspacingbottom .CB-btn:active{background-color:var(--corb04);} /*两侧边距*/ .CB .CB-li-ldsj{padding:2px 3px;} .CB .CB-li-ldsj .CB-btn{width:42px;height:28px;} .CB .CB-li-ldsj .CB-icon{position:relative;width:28px;height:28px;float:left;} .CB .CB-li-ldsj .CB-icon svg{top:6.5px;left:6px;} .CB .CB-li-ldsj .CB-row{width:14px;float:right;height:28px;} .CB .CB-li-ldsj .CB-row svg{top:12px;left:0px;} .CB .CB-li-ldsj .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-ldsj .CB-btn:active{background-color:var(--corb04);} /*小功能*/ .CB .CB-li-small{padding:2px 3px;} .CB .CB-li-small .CB-btn{width:42px;height:28px;} .CB .CB-li-small .CB-icon{position:relative;width:28px;height:28px;float:left;} .CB .CB-li-small .CB-icon svg{top:6px;left:6px;} .CB .CB-li-small .CB-row{width:14px;float:right;height:28px;} .CB .CB-li-small .CB-row svg{top:12px;left:0px;} .CB .CB-li-small .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-small .CB-btn:active{background-color:var(--corb04);} /*插入*/ .CB .CB-li-insertoptions{padding:2px 3px;} .CB .CB-li-insertoptions .CB-btn{width:42px;height:28px;} .CB .CB-li-insertoptions .CB-icon{position:relative;width:28px;height:28px;float:left;} .CB .CB-li-insertoptions .CB-icon svg{top:6px;left:6px;} .CB .CB-li-insertoptions .CB-row{width:14px;float:right;height:28px;} .CB .CB-li-insertoptions .CB-row svg{top:12px;left:0px;} .CB .CB-li-insertoptions .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-insertoptions .CB-btn:active{background-color:var(--corb04);} /*撤销*/ .CB .CB-li-undo{padding:2px 3px;} .CB .CB-li-undo .CB-btn{width:28px;height:28px;} .CB .CB-li-undo .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-undo .CB-icon svg{position:absolute;top:6px;left:6px;} .CB .CB-li-undo .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-undo .CB-btn:active{background-color:var(--corb04);} /*重做*/ .CB .CB-li-redo{padding:2px 3px;} .CB .CB-li-redo .CB-btn{width:28px;height:28px;} .CB .CB-li-redo .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-redo .CB-icon svg{position:absolute;top:6px;left:6px;} .CB .CB-li-redo .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-redo .CB-btn:active{background-color:var(--corb04);} /*更多*/ .CB .CB-li-more{padding:2px 1px 2px 3px;} .CB .CB-li-more .CB-btn{width:28px;height:28px;} .CB .CB-li-more .CB-icon{position:relative;width:28px;height:28px;} .CB .CB-li-more .CB-icon svg{position:absolute;top:6px;left:6px;} .CB .CB-li-more .CB-btn:hover{background-color:var(--corb04);} .CB .CB-li-more .CB-btn:active{background-color:var(--corb04);} /*状态*/ .CB .CB-li.CB-li-add .CB-btn{background-color:var(--corb04);} .CB .CB-li .CB-li-add{background-color:var(--corb04);} /*选中*/ .CB .CB-li.CB-li-chose .CB-btn{background-color:var(--corb04);} .CB .CB-li .CB-li-chose{background-color:var(--corb04);} .CB .CB-li-chose .CB-row svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);} /*禁用*/ .CB-li.CB-li-none{opacity:0.3;cursor:initial;} .CB-li.CB-li-none .CB-btn{background-color:transparent;} .CB-li.CB-li-none .CB-btn:hover{background-color:transparent;border-color:transparent;} .CB-li.CB-li-none .CB-btn:active{background-color:transparent;border-color:transparent;} .CB-li.CB-li-none .CB-row:hover{background-color:transparent;} .CB-li.CB-li-none .CB-row:active{background-color:transparent;} .CB-li.CB-li-none .CB-btn:hover .CB-fen{background-color:transparent;} .CB-li.CB-li-none .CB-btn .CB-icon:hover{background-color:transparent;} .CB-li.CB-li-none .CB-btn .CB-icon:active{background-color:transparent;} /* ------------------------------ 顶部工具条下拉 ------------------------------ */ .CB-POP{ position:fixed; z-index:21; transition:var(--anims23); -webkit-transition:var(--anims23); overflow:hidden; box-shadow:var(--shade02); border-radius:6px; height:0px; opacity:0; } .CB-POP>ul{background-color:var(--corb01);border:1px solid var(--corb07);width:100%;height:100%;border-radius:6px;} .CB-POP-animate{transition:var(--anims05);-webkit-transition:var(--anims05);} /*字号*/ .CB01{padding:10px 12px;} .CB01-li01{margin-bottom:5px;} .CB01-li01 p{height:26px;border: 1px solid var(--corb07);border-radius:3px;position:relative;transition:var(--anims05);-webkit-transition:var(--anims05);} .CB01-li01 p:hover{border-color:var(--corb08);} .CB01-li01 p.logn-focus{border-color:var(--cora07);} .CB01-li01 p input{width:100%;height:100%;border-radius:3px;padding:0px 5px 0px 10px;text-align:left;touch-action: manipulation;} .CB01-li01 p .unit1, .CB01-li01 p .unit2{position:absolute;font-size:12px;top:0px;right:24px;color:var(--corb08);} .CB01-li01 p .unit1{line-height:24px;} .CB01-li01 p .unit2{line-height:22px;} .CB01-li01 p .up, .CB01-li01 p .down{ position:absolute; right:0px; height:12px; width:20px; cursor:pointer; background-color:var(--corb06); text-align:center; padding-left:4px; transition:var(--anims03); -webkit-transition:var(--anims03); } .CB01-li01 p .up svg, .CB01-li01 p .down svg{float:left;} .CB01-li01 p .up .fill, .CB01-li01 p .down .fill{fill:var(--corb11);transition:var(--anims03);-webkit-transition:var(--anims03);} .CB01-li01 p .up{top:0px;} .CB01-li01 p .down{bottom:0px;} .CB01-li01 p .up:hover, .CB01-li01 p .down:hover{background-color:var(--corb07);} .CB01-li01 p .none{cursor:no-drop;} .CB01-li01 p .none .fill{fill:var(--corb07);} .CB01-li01 p .none:hover{background-color:var(--corb06);} .CB01-li02{padding:2px 0px;} .CB01-li02 p{font-size:0px;cursor:pointer;transition:var(--anims05);-webkit-transition:var(--anims05);border-radius:4px;padding-left:10px;} .CB01-li02 p:hover{background-color:var(--corb03);} .CB01-li02 p span{display:inline-block;vertical-align:middle;} .CB01-li02 .sp1{width:16px;height:16px;line-height:16px;opacity:0;margin-right:10px;transition:var(--anims05);-webkit-transition:var(--anims05);} .CB01-add .sp1{opacity:1;} /*下划线*/ .CB02{padding:10px 0px;} .CB02-li01{padding:2px 12px;} .CB02-li01 p{ font-size:12px; line-height:18px; text-align:center; color:transparent; height:32px; transition:var(--anims05); -webkit-transition:var(--anims05); cursor:pointer; border-radius:4px; } .CB02-li01 p:hover{background-color:var(--corb03);} .CB02-li01 p:active{background-color:var(--corb04);} .CB02-add p{background-color:var(--corb04);} .CB02-li02{height:1px;background-color:var(--corb04);margin:10px 0px;} .CB02-li03{padding:2px 12px;} .CB02-li03 p{height:26px;cursor:pointer;transition:var(--anims05);-webkit-transition:var(--anims05);border-radius:4px;} .CB02-li03 p:hover{opacity:0.6;} .CB02-li03 p:active{opacity:0.8;} /*字体辅色*/ .CB03{padding:10px 12px;} .CB03-li{padding:2px 0px;} .CB03-li p{height:32px;transition:var(--anims05);-webkit-transition:var(--anims05);cursor:pointer;border-radius:4px;padding:6px 0px 0px 10px;} .CB03-li p:hover{background-color:var(--corb03);} .CB03-li p:active{background-color:var(--corb04);} .CB03-li p .sp1{float:left;width:20px;height:20px;line-height:20px;font-size:0px;margin-right:5px;} .CB03-li p .sp1 svg{vertical-align:middle;} .CB03-li p .sp2{float:left;line-height:20px;height:20px;} .CB03-add p{background-color:var(--corb04);} .CB03-li .CB03-li-none{opacity:0.3;cursor:initial;} .CB03-li .CB03-li-none:hover{background-color:transparent;} .CB03-li .CB03-li-none:active{background-color:transparent;} /*字间距*/ .CB04{padding:10px 12px;} .CB04-li01{margin-bottom:17px;} .CB04-li01 p{height:26px;border: 1px solid var(--corb07);border-radius:3px;position:relative;transition:var(--anims05);-webkit-transition:var(--anims05);} .CB04-li01 p:hover{border-color:var(--corb08);} .CB04-li01 p.logn-focus{border-color:var(--cora07);} .CB04-li01 p input{width:100%;height:100%;border-radius:3px;padding:0px 30px 0px 10px;} .CB04-li01 p .sp1{position:absolute;right:5px;line-height:24px;color:var(--corb07);top:0px;} .CB04-li01 p .sp2{position:absolute;top:26px;font-size:12px;width:100%;left:0px;height:16px;line-height:16px;color:var(--cord04);display:none;} .CB04-li01 .CB01-error .sp2{display:block;} .CB04-li01 .CB01-error{border-color:var(--cord04) !important;} .CB04-li01 .CB01-error input{color:var(--cord04);} .CB04-li02{padding:2px 0px;} .CB04-li02 p{font-size:0px;cursor:pointer;transition:var(--anims05);-webkit-transition:var(--anims05);border-radius:4px;padding-left:10px;} .CB04-li02 p:hover{background-color:var(--corb03);} .CB04-li02 p span{display:inline-block;vertical-align:middle;} .CB04-li02 .sp1{width:16px;height:16px;line-height:16px;opacity:0;margin-right:10px;transition:var(--anims05);-webkit-transition:var(--anims05);} .CB04-add .sp1{opacity:1;} /*字体*/ .CB05{padding:4px;} .CB05-li01{line-height:32px;border-radius:20px;text-align:center;width:276px;margin:6px auto 0px;background-color:var(--corb03);color:var(--corb12);} .CB05-li02{padding:4px 24px 0px 8px;line-height:30px;} .CB05-li03{height:22px;line-height:22px;font-size:12px;padding-left:22px;color:var(--corb08);} .CB05-li04{width:276px;height:36px;margin:0 auto;background-color:var(--corb03);border-radius:4px;position:relative;} .CB05-li04 .p1, .CB05-li04 .p2{ width:50%; line-height:36px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); position:relative; z-index:2; letter-spacing: 0; } .CB05-li04 .p1{color:var(--corb12);} .CB05-li04 .p2{color:var(--corb11);} .CB05-li04 .p1:hover, .CB05-li04 .p2:hover{color:var(--corb12);} .CB05-li04 .p1{float:left;text-align:left;padding-left:15px;} .CB05-li04 .p2{float:right;text-align:right;padding-right:15px;} .CB05-li04 .p3{ height:26px; width:103px; position:absolute; top:5px; left:5px; background-color:var(--corb01); z-index:1; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); } .CB05-li04-add .p1{color:var(--corb11);} .CB05-li04-add .p2{color:var(--corb12);} .CB05-li04-add .p3{left:168px;} .CB05-li05{height:5px;} .CB05-li06{padding:2px 12px 0px;display:none;} .CB05-li06 a{display:block;height:22px;line-height:22px;font-size:12px;color:var(--corb08);} .CB05-li06 span{float:left;} .CB05-li06 sub{float:left;font-size:10px;} .CB05-li06 svg{vertical-align:middle;} .CB05-li06 .sp1{ width:14px; height:14px; line-height:14px; font-size:0px; background-color:#ff9900; border-radius:10px; margin:4px 4px 0px 0px; text-align:center; } .CB05-li07{height:137px;overflow-x:hidden;overflow-y:auto;padding:0px 24px 0px 8px;margin-top:4px;} .CB05-li08{height:116px;overflow-x:hidden;overflow-y:auto;padding:0px 24px 0px 8px;margin-top:4px;} .CB05-list{ height:30px; line-height:30px; padding-left:14px; cursor:pointer; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); margin-top:2px; } .CB05-list:hover{background-color:var(--corb03);} .CB05-list:active{background-color:var(--corb04);} .CB05-li08{display:none;} .CB05-add{background-color:var(--corb04);} /*表格*/ .CB06{padding:10px;} .CB06-li01{font-size:12px;color:#000;height:16px;line-height:16px;margin:2px 0px;} .CB06-li01 span{float:left;} .CB06-li02{width:390px;height:390px;background-image:url(/src/imgs/CB06_bg1.png);} #CB06-chose{background-image:url(/src/imgs/CB06_bg2.png);} /*更多*/ .CB07{padding:10px;} .CB07-li{padding:2px;} .CB07-li p{height:32px;cursor:pointer;border-radius:4px;transition:var(--anims05);-webkit-transition:var(--anims05);padding-left:10px;} .CB07-li p:hover{background-color:var(--corb03);} .CB07-li p:active{background-color:var(--corb04);} .CB07-li span{float:left;} .CB07-li svg{vertical-align:middle;} .CB07-li .sp1{ opacity:0; width: 16px; height: 16px; line-height:16px; font-size:0px; margin:8px 8px 0px 0px; transition: var(--anims05); -webkit-transition: var(--anims05); } .CB07-li .sp2{ width:20px; height:20px; line-height:20px; font-size:0px; margin:6px 8px 0px 0px; } .CB07-li .sp3{line-height:32px;} .CB07-add .sp1{opacity:1;} .CB07-none .sp1{opacity:0;} .CB07-none p{opacity:0.3;cursor:initial;} .CB07-none p:hover{background-color:transparent;} .CB07-none p:active{background-color:transparent;} /*自动排版*/ .CB08{width:100%;height:100%;overflow:hidden;position:relative;} .CB08-li{padding:2px;width:86px;position:absolute;} .CB08-li p{ height:28px; line-height:28px; border-radius:4px; cursor:pointer; background-color:var(--corb02); padding-left:6px; text-align:center; transition:var(--anims05); -webkit-transition:var(--anims05); } .CB08-li p:hover{background-color:var(--corb03);} .CB08-li p:active{background-color:var(--corb04);} .CB08-li .sp1, .CB08-li .sp2{ position:relative; float:left; width:14px; height:14px; border:1px solid var(--corb07); margin-top:7px; transition:var(--anims05); -webkit-transition:var(--anims05); } .CB08-li:hover .sp1, .CB08-li:hover .sp2{border-color:var(--cora06);} .CB08-li .sp1{border-radius:2px;} .CB08-li .sp1 svg{position:absolute;top:0px;left:0px;} .CB08-li .sp1 .stroke{stroke:transparent;} .CB08-li .sp2{border-radius:10px;} .CB08-li .sp2 i{position:absolute;width:8px;height:8px;border-radius:10px;background-color:transparent;top:2px;left:2px;} .CB08-li .sp3{font-size:12px;float:left;margin-left:6px;} .CB08-li .sp4{font-size:12px;color:var(--corb01);} .CB08-li-16 p{background-color:var(--cora06);padding:0px;} .CB08-li-16 p:hover{background-color:var(--cora05);} .CB08-li-16 p:active{background-color:var(--cora07);} .CB08-add p{background-color:var(--corb04);} .CB08-add .sp1{border-color:var(--cora06);background-color:var(--cora06);} .CB08-add .sp1 .stroke{stroke:var(--corb01);} .CB08-add .sp2{border-color:var(--cora06);} .CB08-add .sp2 i{background-color:var(--cora06);} .CB08-li-1{top:10px;left:10px;} .CB08-li-2{top:10px;left:96px;} .CB08-li-3{top:10px;left:182px;} .CB08-li-4{top:10px;left:268px;} .CB08-li-5{top:42px;left:10px;} .CB08-li-6{top:42px;left:96px;} .CB08-li-7{top:42px;left:182px;} .CB08-li-8{top:42px;left:268px;} .CB08-li-9{top:74px;left:10px;} .CB08-li-10{top:74px;left:96px;} .CB08-li-11{top:74px;left:182px;} .CB08-li-12{top:74px;left:268px;} .CB08-li-13{top:106px;left:10px;} .CB08-li-14{top:106px;left:96px;} .CB08-li-15{top:106px;left:182px;} .CB08-li-16{top:106px;left:268px;} /* -------------------------------------------------------------- 工具条 -------------------------------------------------------------- */ .TO{position:fixed;z-index:200 !important;font-size:0;cursor:move;} .TO input::-webkit-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TO input::-moz-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TO input::-ms-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TO svg{vertical-align:middle;} /*选中样式*/ .TO .TO-chose{background-color:var(--corb04);} .TO .row svg{transition:var(--anims05);-webkit-transition:var(--anims05);} .TO .TO-chose .row svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);} /*工具条*/ .TOA, .TOB, .TOC, .TOD, .TOE, .TOF, .TOG{ background-color:var(--corb01); box-shadow:var(--shade09); padding:9px 0px 0px 5px; border-radius:6px; position:relative; transition:var(--anims65); -webkit-transition:var(--anims65); display:none; border:1px solid var(--corb07); z-index: 24; } /*特殊样式工具条*/ .TOA{width:251px;z-index:5;height:46px;margin-top:4px;} .TOA-01{float:left;height:26px;line-height:26px;font-size:14px;letter-spacing:0px;padding:0px 10px 0px 4px;} .TOA-02{float:left;height:16px;width:1px;background-color: var(--corb04);margin:5px 4px 0px;} .TOA-03{ float:left; height:26px; line-height:26px; padding:0px 5px; cursor: pointer; border-radius:4px; font-size: 14px; transition:var(--anims05); -webkit-transition: var(--anims05); color:var(--cora06); } .TOA-03:hover{background-color:var(--corb04);} .TOA-03:active{background-color:var(--corb04);} .TOA-04, .TOA-05, .TOA-06{ float:left; height:26px; line-height:26px; width:26px; cursor:pointer; text-align:center; margin-left:4px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); } .TOA-04:hover, .TOA-05:hover, .TOA-06:hover{background-color:var(--corb04);} .TOA-04:active, .TOA-05:active, .TOA-06:active{background-color:var(--corb04);} /*布局工具条*/ .TOB{width:263px;z-index:6;height:46px;margin-top:4px;} .TOB-01{float:left;height:26px;line-height:26px;font-size:14px;letter-spacing:0px;padding:0px 10px 0px 4px;} .TOB-02{float:left;height:16px;width:1px;background-color: var(--corb04);margin:5px 4px 0px;} .TOB-03{ float:left; height:26px; width:70px; border:1px solid var(--corb07); border-radius:4px; margin:0px 0px 0px 4px; position:relative; transition:var(--anims05); -webkit-transition:var(--anims05); } .TOB-03.logn-focus{border-color:var(--cora07);} .TOB-03 input{width:100%;height:100%;border-radius:4px;padding:0px 24px 0px 5px;text-align:center;} .TOB-03 span{position:absolute;top:0px;right:8px;font-size:14px;height:24px;line-height:24px;} .TOB-04{ float:left; height:26px; line-height:26px; width:70px; cursor:pointer; text-align:center; margin:0px 0px 0px 4px; border-radius:4px; font-size:14px; transition:var(--anims05); -webkit-transition:var(--anims05); display:none; } .TOB-05{ float:left; height:26px; line-height:26px; width:16px; cursor:pointer; text-align:center; margin:1px 0px 0px 4px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); } .TOB-05:hover{background-color:var(--corb04);} .TOB-05:active{background-color:var(--corb04);} .TOB-06{ float:left; height:26px; line-height:26px; width:38px; text-align:center; cursor:pointer; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); font-size:14px; margin-left:4px; } .TOB-06:hover{background-color:var(--corb04);} .TOB-06:active{background-color:var(--corb04);} .TOB-07{ float:left; height:26px; line-height:26px; width:26px; cursor:pointer; text-align:center; margin-left:4px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); } .TOB-07:hover{background-color:var(--corb04);} .TOB-07:active{background-color:var(--corb04);} /*图片工具条*/ .TOC{z-index:4;margin-top:4px;width:318px;font-size:0px;padding:10px 0px 10px 6px;} /*名称*/ .TOC-00{padding:0px 10px 0px 4px;height:34px;} .TOC-00 .sp1{float:left;height:16px;margin-top:6px;width:2px;background-color:var(--cora06);} .TOC-00 .sp2{font-size:14px;height:26px;line-height:26px;margin-left:6px;} .TOC-00 .sp3{ float:right; width:26px; height:26px; line-height:26px; text-align:center; margin-left:4px; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; } .TOC-00 .sp3:hover{background-color:var(--corb04);} .TOC-00 .sp3:active{background-color:var(--corb04);} .TOC-00 .sp4{ float:right; width:26px; height:26px; line-height:26px; text-align:center; margin-left:4px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; } .TOC-00 .sp4:hover{background-color:var(--corb04);} .TOC-00 .sp4:active{background-color:var(--corb04);} .TOC-00 .sp5{ float:right; width:26px; height:26px; line-height:26px; text-align:center; margin-left:4px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; font-size:14px; color:var(--corb11); } .TOC-00 .sp5:hover{background-color:var(--corb04);} .TOC-00 .sp5:active{background-color:var(--corb04);} .TOC-00 .sp6{ float:right; height:26px; line-height:26px; text-align:center; margin-left:4px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; font-size:14px; color:var(--cora06); width:68px; display:none; } .TOC-00 .sp6:hover{background-color:var(--corb04);} .TOC-00 .sp6:active{background-color:var(--corb04);} /*图标*/ .TOC-01{ display:inline-block; vertical-align:middle; height:26px; line-height:26px; width:26px; cursor:pointer; text-align:center; margin:0px 0px 0px 4px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); } .TOC-01:hover{background-color:var(--corb04);} .TOC-01:active{background-color:var(--corb04);} .TOC-02{ margin:2px 0px 0px 3px; display:inline-block; vertical-align:middle; height:26px; line-height:26px; width:36px; text-align:center; cursor:pointer; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); font-size:14px; } .TOC-02:hover{background-color:var(--corb04);} .TOC-02:active{background-color:var(--corb04);} .TOC-03{ margin:2px 0px 0px 3px; display:inline-block; vertical-align:middle; height:26px; line-height:26px; width:50px; text-align:center; cursor:pointer; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); font-size:14px; } .TOC-03:hover{background-color:var(--corb04);} .TOC-03:active{background-color:var(--corb04);} /*表格工具条*/ .TOD{width:318px;z-index:7;margin-top:4px;font-size:0px;padding:10px 0px 10px 5px;} /*名称*/ .TOD-00{padding:0px 10px 0px 4px;height:34px;} .TOD-00 .sp1{float:left;height:16px;margin-top:6px;width:2px;background-color:var(--cora06);} .TOD-00 .sp2{font-size:14px;height:26px;line-height:26px;margin-left:6px;} .TOD-00 .sp3{ float:right; width:26px; height:26px; line-height:26px; text-align:center; margin-left:4px; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; } .TOD-00 .sp3:hover{background-color:var(--corb04);} .TOD-00 .sp3:active{background-color:var(--corb04);} .TOD-00 .sp4{ float:right; width:26px; height:26px; line-height:26px; text-align:center; margin-left:4px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; } .TOD-00 .sp4:hover{background-color:var(--corb04);} .TOD-00 .sp4:active{background-color:var(--corb04);} .TOD-01{ display:inline-block; vertical-align:middle; height:26px; line-height:26px; width:26px; cursor:pointer; text-align:center; margin:1px 0px 0px 4px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); } .TOD-01:hover{background-color:var(--corb04);} .TOD-01:active{background-color:var(--corb04);} .TOD-02{ display:inline-block; vertical-align:middle; height:26px; line-height:26px; width:36px; text-align:center; cursor:pointer; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); font-size:14px; margin-left:3px; } .TOD-02:hover{background-color:var(--corb04);} .TOD-02:active{background-color:var(--corb04);} /*样式工具条*/ .TOE{z-index:9;margin-top:4px;width:318px;font-size:0px;padding:2px 0px 10px 6px;} /*名称*/ .TOE-00{padding:8px 10px 0px 4px;height:34px;} .TOE-00 .sp1{float:left;height:16px;margin-top:6px;width:2px;background-color:var(--cora06);} .TOE-00 .sp2{font-size:14px;height:26px;line-height:26px;margin-left:6px;} .TOE-00 .sp3{font-size:14px;height:26px;line-height:26px;} .TOE-00 .sp4{ font-size:14px; height:26px; line-height:26px; padding:0px 5px; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; cursor:pointer; } .TOE-00 .sp4:hover{background-color:var(--corb04);} .TOE-00 .sp4:active{background-color:var(--corb04);} .TOE-00 .sp5{ float:right; width:26px; height:26px; line-height:26px; text-align:center; margin-left:4px; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; } .TOE-00 .sp5:hover{background-color:var(--corb04);} .TOE-00 .sp5:active{background-color:var(--corb04);} .TOE-00 .sp6{ float:right; width:26px; height:26px; line-height:26px; text-align:center; margin-left:4px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; } .TOE-00 .sp6:hover{background-color:var(--corb04);} .TOE-00 .sp6:active{background-color:var(--corb04);} .TOE-00 .sp7{ float:right; width:26px; height:26px; line-height:26px; text-align:center; margin-left:4px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; font-size:14px; color:var(--corb11); } .TOE-00 .sp7:hover{background-color:var(--corb04);} .TOE-00 .sp7:active{background-color:var(--corb04);} /*颜色*/ .TOE-01{font-size:0px;padding:8px 0px 0px 4px;display:none;} .TOE-01 p{display:inline-block;vertical-align:middle;} .TOE-01 .p1{font-size:14px;height:20px;line-height:20px;} .TOE-01 .p2{width:25px;height:25px;padding:2px 2px 3px 3px;} .TOE-01 .p2 span{ display:block; width:20px; height:20px; text-align:center; line-height:20px; border-radius:2px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border:0px solid var(--corb04); background-color:#f00; } .TOE-01 .p2 span:hover{transform:scale(1.2);transform:-o-scale(1.2);transform:-ms-scale(1.2);transform:-moz-scale(1.2);transform:-webkit-scale(1.2);border:1px solid var(--corb04);} .TOE-01 .p2 svg{opacity:0;} .TOE-01 .add svg{opacity:1;} .TOE-01 .add span{border:1px solid var(--corb04);line-height:20px;} /*同色*/ .TOE-02{font-size:0px;padding:0px 0px 0px 4px;display:none;} .TOE-02 p{display:inline-block;vertical-align:middle;} .TOE-02 .p1{font-size:14px;height:20px;line-height:20px;} .TOE-02 .p2{width:25px;height:25px;padding:2px 2px 3px 3px;} .TOE-02 .p2 span{ display:block; width:20px; height:20px; text-align:center; line-height:20px; border-radius:2px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border:0px solid var(--corb04); background-color:#f00; } .TOE-02 .p2 span:hover{transform:scale(1.3);transform:-o-scale(1.3);transform:-ms-scale(1.3);transform:-moz-scale(1.3);transform:-webkit-scale(1.3);border:1px solid var(--corb04);} .TOE-02 .p2 svg{opacity:0;} .TOE-02 .add svg{opacity:1;} .TOE-02 .add span{border:1px solid var(--corb04);line-height:20px;} /*图标*/ .TOE-03{ display:inline-block; vertical-align:middle; height:26px; line-height:26px; width:26px; cursor:pointer; text-align:center; margin:7px 0px 0px 4px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); } .TOE-03:hover{background-color:var(--corb04);} .TOE-03:active{background-color:var(--corb04);} .TOE-04{ margin:2px 0px 0px 3px; display:inline-block; vertical-align:middle; height:26px; line-height:26px; width:34px; text-align:center; cursor:pointer; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); font-size:14px; } .TOE-04:hover{background-color:var(--corb04);} .TOE-04:active{background-color:var(--corb04);} .TOE-05{ margin:2px 0px 0px 3px; display:inline-block; vertical-align:middle; height:26px; line-height:26px; width:48px; text-align:center; cursor:pointer; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); font-size:14px; } .TOE-05:hover{background-color:var(--corb04);} .TOE-05:active{background-color:var(--corb04);} .TOE-06{ margin:2px 0px 0px 3px; display:inline-block; vertical-align:middle; height:26px; line-height:26px; width:62px; text-align:center; cursor:pointer; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); font-size:14px; } .TOE-06:hover{background-color:var(--corb04);} .TOE-06:active{background-color:var(--corb04);} /*文字工具条*/ .TOG{width:528px;z-index:10;position:fixed;z-index:10;top:150px;left:300px;cursor:move;font-size:0px;padding:10px 0px 10px 5px;height:82px;} .TOG-bg{position: absolute;width: 100%;height: 100%;top:0;left: 0;cursor: move;font-size: 0px;padding: 10px 0px 10px 5px;} .TOG-bor .TOG-bg{background-color: var(--corb01);box-shadow: var(--shade09);border-radius: 6px;border: 1px solid var(--corb07);} .TOG-bor:after{content: "";display: block;border: 2px solid var(--cora06);/* width:548px; *//* height:102px; */position: absolute;left: -18px;top: -18px;right: -18px;bottom: -116px;border-radius: 6px;z-index: -1;background-color: var(--corb01);} .TOG input::-webkit-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TOG input::-moz-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TOG input::-ms-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TOG svg{vertical-align:middle;} .TOG-00{padding:0px 10px 0px 4px;height:34px;} .TOG-00 .sp1{float:left;height:16px;margin-top:6px;width:2px;background-color:var(--cora06);} .TOG-00 .sp2{font-size:14px;height:26px;line-height:26px;margin-left:6px;} .TOG-00 .sp3{ float:right; width:26px; height:26px; line-height:26px; text-align:center; margin-left:4px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; } .TOG-00 .sp3:hover{background-color:var(--corb04);} .TOG-00 .sp3:active{background-color:var(--corb04);} .TOG-01{ display:inline-block; vertical-align:middle; height:26px; line-height:26px; width:26px; cursor:pointer; text-align:center; margin-left:4px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); } .TOG-01:hover{background-color:var(--corb04);} .TOG-01:active{background-color:var(--corb04);} .TOG-02{ display:inline-block; vertical-align:middle; height:26px; line-height:26px; width:40px; cursor:pointer; text-align:center; margin-left:4px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); } .TOG-02 p{float:left;height:26px;line-height:26px;} .TOG-02 .icon{width:26px;text-align:center;} .TOG-02 .row{width:14px;text-align:left;} .TOG-02 .row svg{transition:var(--anims05);-webkit-transition:var(--anims05);} .TOG-02.TO-chose .row svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);} .TOG-02:hover{background-color:var(--corb04);} .TOG-02:active{background-color:var(--corb04);} .TOG-03{ display:inline-block; vertical-align:middle; height:26px; line-height:26px; width:58px; cursor:pointer; text-align:center; margin-left:4px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); padding:0px 2px 0px 6px; } .TOG-03:hover{background-color:var(--corb04);} .TOG-03:active{background-color:var(--corb04);} .TOG-03 .p1{float:left;font-size:12px;height:26px;width:36px;white-space:nowrap;overflow:hidden;} .TOG-03 .p2{width:14px;text-align:center;float:left;} .TOG-03 .p2 svg{transition:var(--anims05);-webkit-transition:var(--anims05);} .TOG-03.TO-chose .p2 svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);} .TOG-04{ display:inline-block; vertical-align:middle; height:26px; line-height:26px; width:52px; cursor:pointer; text-align:center; margin-left:4px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); padding:0px 2px 0px 6px; } .TOG-04:hover{background-color:var(--corb04);} .TOG-04:active{background-color:var(--corb04);} .TOG-04 .p1{float:left;font-size:12px;height:26px;width:28px;white-space:nowrap;overflow:hidden;padding:0px;letter-spacing:0px;} .TOG-04 .p2{width:14px;text-align:center;float:left;} .TOG-04 .p2 svg{transition:var(--anims05);-webkit-transition:var(--anims05);} .TOG-04.TO-chose .p2 svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);} .TOG-05{ display:inline-block; vertical-align:middle; height:26px; line-height:24px; cursor:pointer; text-align:center; margin-left:4px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); border:1px solid var(--cora08); } .TOG-05:hover{border-color:var(--corb06);} .TOG-05 .p1{float:left;width:26px;height:24px;transition:var(--anims05);-webkit-transition:var(--anims05);border-radius:4px 0px 0px 4px;} .TOG-05 .p1:hover{background-color:var(--corb04);} .TOG-05 .p1:active{background-color:var(--corb04);} .TOG-05 .p2{height:24px;width:1px;float:right;transition:var(--anims05);-webkit-transition:var(--anims05);} .TOG-05:hover .p2{background-color:var(--corb06);} .TOG-05 .p3{float:right;width:14px;height:24px;transition:var(--anims05);-webkit-transition:var(--anims05);border-radius:0px 4px 4px 0px;} .TOG-05 .p3:hover{background-color:var(--corb04);} .TOG-05 .p3:active{background-color:var(--corb04);} .TOG-05 .p3 svg{top:1px;position:relative;transition:var(--anims05);-webkit-transition:var(--anims05);} .TOG-05.TO-chose .p2{background-color:var(--corb06);} .TOG-05.TO-chose .p3 svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);} .TOG .CB_formatmatch{background-color:var(--corb04);} .TOG .CB-li-add{background-color:var(--corb04);} .TOG .row svg{position:relative;top:1px;} .TOG .TO-chose{background-color:var(--corb04);} .TOG .row svg{transition:var(--anims05);-webkit-transition:var(--anims05);} .TOG .TO-chose .row svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);} /* AI */ .TOG-AI{display: inline-block;vertical-align: middle;cursor: pointer;font-size: 0;position: relative;} .TOG-AI p{display: inline-block;vertical-align: middle;font-size: 14px;color: var(--corb13);height: 16px;line-height: 16px;} .TOG-AI-logo{width: 26px;height: 26px;display: inline-block;vertical-align: middle;padding: 4px;} .TOG-AI-logo img{width: 100%;height: 100%;} .TOG-AI-img{transition:var(--anims05);-webkit-transition:var(--anims05);border-radius: 4px;font-size: 0;padding: 0 8px 0 4px;display: inline-block;vertical-align: middle;} .TOG-AI>span{width: 0;height: 16px;border-right: 1px solid var(--corb04);margin-left: 4px;display: inline-block;vertical-align: middle;} .TOG-AI-img:hover{background-color:var(--corb03);} .TOG-AI-Tips{position: absolute;left: 0;top: 50px;background-color: var(--corb01);box-shadow: var(--shade09);border-radius: 6px;transition: var(--anims03);-webkit-transition: var(--anims03);width: 330px;border: 1px solid var(--corb07);display: none;z-index: 10;cursor: auto;} .TOG-bor .TOG-AI-Tips{display: block;} .TOG-AI-Tips>div{padding: 16px;width: 100%;height: 100%;} .TOG-AI-Tips>div p{font-size: 14px;color: var(--corb11);} .TOG-AI-Tips>p{top: -6px;position: absolute;z-index: 1;width: 10px;height: 10px;left: 42px;} .TOG-AI-Tips>p:before{position: absolute;content: "";width: 10px;height: 10px;transform: rotate(45deg);background-color: var(--corb01);border: 1px solid var(--corb07);border-width:1px 0 0 1px ;} /* AI协议弹窗 */ .AI-deal-bg{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:400;background-color:var(--corb10);} .AI-deal{width: 620px;height: 450px;background:url('/src/imgs/AI2.png') no-repeat center;border-radius:10px;position:absolute;left:50%;top:50%;padding: 40px;margin: -196px 0 0 -280px;} .AI-deal-close{width:30px;height:30px;font-size:0px;position:absolute;top:5px;right:5px;line-height:30px;text-align:center;cursor:pointer;} .AI-deal-close svg{vertical-align:middle;} .AI-deal-close .stroke{stroke:var(--corb07);transition:var(--anims03);-webkit-transition:var(--anims03);} .AI-deal-close:hover .stroke{stroke:var(--corb13);} .AI-deal-close:active .stroke{stroke:var(--cora07);} .AI-deal>p{text-align: center;} .AI-deal-p1{line-height: 38px;color: var(--cora06);font-size: 32px;font-weight: 500;} .AI-deal-p2{line-height: 24px;font-size: 20px;color: var(--corb13);margin-top: 20px;} .AI-deal-cont{font-size: 0;text-align: center;margin: 28px 0 22px;} .AI-deal-cont li{width: 256px;height: 54px;background-color: var(--corb01);box-shadow: 0px 2px 6px 2px rgba(48,178,141,0.1), 0px 1px 2px 0px rgba(48,178,141,0.25);border-radius: 4px;margin-right: 20px;margin-bottom: 20px;display: inline-block;vertical-align: middle;padding: 8px 0 8px 10px;text-align: left;} .AI-deal-cont li div{display: inline-block;vertical-align: middle;margin-right: 10px;} .AI-deal-cont li .p1{font-size: 14px;line-height: 18px;color: var(--cora06);font-weight: 500;margin-bottom: 4px;} .AI-deal-cont li .p2{font-size: 13px;line-height: 14px;color: var(--corb13);} .AI-deal-btn{width: 314px;height: 50px;background-color: var(--cora06);border-radius: 8px;text-align: center;line-height: 50px;font-weight: 500;font-size: 20px;color: var(--corb01);cursor: pointer;margin: 0 auto;transition:var(--anims03);-webkit-transition:var(--anims03);} .AI-deal-btn:hover{background-color: var(--cora05);} .AI-deal-btn:active{background-color: var(--cora07);} .AI-deal-p3{margin-top: 15px;height: 22px;line-height: 22px;text-align: center;} .AI-deal-p3 .sp2{cursor: pointer;} .AI-deal-p3 .sp1{padding:0 6px;display: inline-block;vertical-align: middle;cursor: pointer;height: 100%;} .AI-deal-p3 .sp1 svg{display: block;} .AI-deal-p3 .sp1 .stroke{transition:var(--anims03);-webkit-transition:var(--anims03);} .AI-deal-p3 .sp1:hover .stroke{stroke: var(--cora06);} .AI-deal-p3 .sp1 .stroke1{opacity: 0;} .AI-deal-p3 .sp2.act .sp1 .stroke{fill: var(--cora06);stroke: var(--cora06);} .AI-deal-p3 .sp2.act .sp1 .stroke1{opacity: 1;} .AI-deal-p3 a{color: var(--core02);} /* .AI-deal-p3 a:hover{text-decoration: underline;text-underline-offset: 0.3em;} */ /* .AI-deal-p3 a:hover{text-decoration: underline;text-underline-offset: 0.3em;} */ /* AI输入框 */ .xmy-AI{width: 600px;background-color: var(--corb01);box-shadow: var(--shade09);border-radius: 6px;border: 1px solid var(--corb07);position: absolute;display: none;z-index: 25;} .xmy-AI-a{border: 1px solid transparent;background: linear-gradient(0deg, var(--corb01), var(--corb01)) content-box, linear-gradient(81.99deg, var(--cora07) 0%, #8C3CFF 100%) border-box;width: 100%;border-radius: 6px;} .xmy-AI-a>div{width: 100%;background-color: var(--corb01);padding: 6px 0 6px 10px;font-size: 0;border-radius: 6px;} .xmy-AI-a>div>div{display: inline-block;vertical-align: top;} .xmy-AI-a1{width: 26px;height: 26px;border-radius: 4px;padding: 4px;cursor: pointer;transition:var(--anims05);-webkit-transition:var(--anims05);margin: 3px 0 0;} .xmy-AI-a1 img{width: 100%;display: block;} .xmy-AI-a1:hover{background-color:var(--corb03);} .xmy-AI-a2{width: 0;height: 16px;border-right: 1px solid var(--corb04);margin:8px 0 0 4px;} /* 输入框 */ .xmy-AI-a3{width: calc(100% - 32px);position: relative;} .xmy-AI-a3 .Inp_txt{width: 100%;font-size: 14px;color: var(--corb08);padding: 5px 164px 5px 7px;background-color: transparent;font-family:inherit;height: 32px;line-height: 22px;} .xmy-AI-a3 .Inp_txt::placeholder{font-size: 14px;color: var(--corb08);} .xmy-AI-a3>.sp1{position: absolute;width: 16px;height: 16px;top:9px;font-size: 0px;line-height: 16px;right: 164px;text-align: center;background-color: var(--corb07);border-radius: 100%;cursor: pointer;transition: var(--anims03);-webkit-transition: var(--anims03);display: none;} .xmy-AI-a3 .sp1 .stroke{stroke: var(--corb01);transition: var(--anims03);-webkit-transition: var(--anims03);} .xmy-AI-a3 .sp1:hover{background-color: var(--corb11);} /* 下拉框 */ .xmy-AI-a3 .pull{width: 184px;height: 388px;background-color: var(--corb01);box-shadow: var(--shade09);border: 1px solid var(--corb07);border-radius: 6px;position: absolute;left:-36px;top:40px;} .xmy-AI-a3 .pull ul{padding: 10px 0 0;} .xmy-AI-a3 .pull ul li{width: 100%;height: 36px;padding: 2px 12px;cursor: pointer;} .xmy-AI-a3 .pull ul li p{width: 100%;height: 100%;line-height: 32px;font-size: 0;padding:0 12px;text-align: left;border-radius: 3px;transition:var(--anims03);-webkit-transition:var(--anims03);} .xmy-AI-a3 .pull ul li span{display: inline-block;vertical-align: middle;font-size: 14px;color: var(--corb13);height: 100%;} .xmy-AI-a3 .pull ul li .spa1{margin-right: 6px;} .xmy-AI-a3 .pull ul li .spa1 svg{display: block;margin-top: 8px;} .xmy-AI-a3 .pull ul li:hover p{background-color: var(--corb03);} .xmy-AI-a3 .pull ul li.list_pull:hover div li p{background-color: transparent;} .xmy-AI-a3 .pull .list_pull{position: relative;} .xmy-AI-a3 .pull .list_pull div{position: absolute;right: -110px;top:2px;width: 117px;height: 0;opacity: 0;background-color: var(--corb01);box-shadow: var(--shade09);border-radius: 6px;transition: var(--anims05);-webkit-transition: var(--anims05);overflow: hidden;text-align: center;border: 1px solid var(--corb07);} .xmy-AI-a3 .pull .list_pull:hover div{height: 236px;opacity: 1;} .xmy-AI-a3 .pull .list_pull1:hover div{height: 308px;opacity: 1;} .xmy-AI-a3 .pull .list_pull3:hover div{height: 98px;opacity: 1;} .xmy-AI-a3>.sp2{font-size: 12px;color: #8C8C8C;position: absolute;right: 46px;height: 32px;line-height: 32px;} .list_pull3 .list_pull01.act svg{opacity: 1;} .list_pull3 .list_pull01 svg{opacity: 0;position: absolute;right: 8px;top: 13px;} .list_pull3 .list_pull01 p{position: relative;} .xmy-AI-a3 .pull .list_pull div li:hover p{background-color: var(--corb03) !important;} .xmy-AI-a3 .pull .list_pull .spa3{float: right;height: 100%;} .xmy-AI-a3 .pull .list_pull .spa3 svg{transform: rotate(-90deg);display: block;margin-top: 14px;} .xmy-AI-a3.add1:hover .sp1{display: block;} .xmy-AI-a3.add1 .pull{display: none;} .xmy-AI-a3 .pull.none{display: none !important;} .xmy-AI-btn{position: absolute;top: 2px;right: 7px;cursor: pointer;width: 30px;height: 30px;text-align: center;line-height: 30px;transition: var(--anims03);-webkit-transition: var(--anims03);border-radius: 4px;} .xmy-AI-btn:hover{background-color: var(--corb03);} .xmy-AI-btn:active{background-color: var(--corb04);} .xmy-AI-btn svg{display: inline-block;vertical-align: middle;} .xmy-AI-btn .stroke{stroke: var(--corb13);} /* AI生成结果 */ .AI-Result{width: 600px;background-color: var(--corb01);box-shadow: var(--shade09);border-radius: 10px;border: 1px solid var(--corb07);position: absolute;z-index: 25 !important;padding: 16px 8px 16px;cursor: all-scroll;} .AI-Result>div{display: none;} .AI-Result01{margin-bottom: 12px;height: 20px;font-size: 14px;} .AI-Result01 p{display: inline-block;vertical-align: middle;} .AI-Result01 .p1{margin-left: 12px;color: var(--corb11);} .AI-Result01 .p2{position: absolute;width: 30px;height: 30px;font-size: 0px;position: absolute;top: 12px;right: 12px;line-height: 30px;text-align: center;cursor: pointer;} .AI-Result01 .p2 svg{vertical-align: middle;} .AI-Result01 .p2 .stroke {stroke: var(--corb07);transition: var(--anims03);-webkit-transition: var(--anims03);} .AI-Result01 .p2:hover .stroke {stroke: var(--corb13);} .AI-Result01 .p3{height: 20px;text-align: center;line-height: 20px;background-color: var(--corb06);padding: 0 10px;border-radius: 20px;font-size: 12px;margin-left: 6px;} .AI-page{float: right;margin: -4px 45px 0 0;font-size: 0;text-align: center;} .AI-page li{display: inline-block;vertical-align: middle;width: 28px;height: 28px;text-align: center;cursor: pointer;font-size: 14px;color: var(--corb11);transition: var(--anims03);-webkit-transition: var(--anims03);line-height: 28px;} .AI-Result02{max-height: 224px;padding: 0 12px;overflow-y: auto;cursor: auto;} .AI-Result02>div{width: 100%;font-size: 15px;line-height: 28px;letter-spacing: 1px;-moz-user-select:text;-webkit-user-select: text;-ms-user-select: text;-khtml-user-select: text;user-select: text;display: none;margin-bottom: 10px;} .AI-Think{display: none;} .AI-Think .title1{font-size: 14px;color: var(--corb13);height: 32px;padding: 0 6px;} .AI-Think .title2{font-size: 14px;color: var(--corb13);height: 32px;background-color: #F2F6F4;border-radius: 3px;display: none;align-items: center;justify-content: center;cursor: pointer;width: 186px;margin-bottom: 4px;} .AI-Think .title2 svg{margin-left: 6px;transition: var(--anims03);-webkit-transition: var(--anims03);} .AI-Think .cont{font-size: 12px;color: #575757;line-height: 21px;padding-left: 10px;border-left: 1px solid #D9D9D9;} .AI-Think.act .title1{display: none;} .AI-Think.act .title2{display: flex;} .AI-Think.pull .title2 svg{transform: rotate(180deg);} .AI-Think.pull .cont{display: block !important;} .AI-R-pull{width: 110px;height: 0px;background-color: var(--corb01);box-shadow:var(--shade09);border: 1px solid var(--corb07);border-radius: 6px;position: absolute;left:0;bottom:36px;transition: var(--anims25);-webkit-transition: var(--anims25);opacity: 0;overflow: hidden;} .AI-R-pull ul{padding: 12px 12px 0;} .AI-R-pull ul li{width: 100%;height: 30px;border-radius: 3px;padding: 0 12px;transition: var(--anims03);-webkit-transition: var(--anims03);font-size: 0;line-height: 30px;text-align: center;} .AI-R-pull ul li span{display: inline-block;vertical-align: middle;font-size: 14px;color: var(--corb13);} .AI-R-pull ul li .sp1{display: none;} .AI-R-pull ul p{height: 1px;background-color: var(--corb04);margin: 4px 15px;} .AI-R-pull ul li:hover{background-color: var(--corb03);} .AI-R-pull ul li:active{background-color: var(--corb04);} /* 复制按钮 */ .AI-copy{position: absolute;left: 20px;top: 20px;box-shadow: var(--shade09);border: 1px solid var(--corb07);background-color: var(--corb01);font-size: 0;border-radius: 4px;width: 70px;height: 32px;text-align: center;line-height: 32px;cursor: pointer;} .AI-copy span{display: inline-block;vertical-align: middle;display: inline-block;vertical-align: middle;font-size: 14px;color: var(--corb11);} .AI-copy .sp1{margin-right: 4px;} .AI-copy .sp1 svg{display: block;margin: 6px auto;} /* .AI-Result02 ul, .AI-Result02 ol{list-style-type: disc; list-style-position: inside; padding-left: 20px; } .AI-Result02 li{list-style: disc; } */ /* .AI-copy:hover{background-color: var(--corb03);} .AI-copy:active{background-color: var(--corb04);} */ .AI-Result03{padding: 0 12px;cursor: auto;} .AI-Result03-a{height: 28px;font-size: 0;margin: 0 0 6px;line-height: 28px;} .AI-Result03-a .p1{float: left;font-size: 12px;color: var(--corb08);} .AI-Result03-a ul{float: right;font-size: 0;} .AI-Result03-a ul li{display: inline-block;vertical-align: middle;width: 28px;height: 28px;text-align: center;cursor: pointer;font-size: 14px;color: var(--corb11);border-radius: 3px;transition: var(--anims03);-webkit-transition: var(--anims03);line-height: 28px;margin-left: 5px;} .AI-Result03-a ul li:hover{background-color: var(--corb03);} .AI-Result03-a ul .AI-prev:hover, .AI-Result03-a ul .AI-num:hover, .AI-Result03-a ul .AI-next:hover{background-color: var(--corb01);} .AI-Result03-a ul li svg{display: block;margin:6px auto 0;} .AI-Result03-a ul li .stroke{transition: var(--anims03);-webkit-transition: var(--anims03);} .AI-history:hover .stroke{stroke: var(--corb13);} .AI-history:active .stroke{stroke: var(--cora07);} .AI-praise:hover .stroke, .AI-Step:hover .stroke{stroke: #FF9900;} .AI-praise:active .stroke, .AI-Step:active .stroke, .AI-praise.act .stroke, .AI-Step.act .stroke{stroke:#FF9900;fill: #FF9900;} /* 输入框 */ .AI-Result03-b{font-size: 0;height: 36px;text-align: right;position: relative;} .AI-inp-bg{border: 1px solid transparent;background: linear-gradient(0deg, var(--corb01), var(--corb01)) content-box, linear-gradient(81.99deg, var(--cora07) 0%, #8C3CFF 100%) border-box;width: 100%;height: 100%;border-radius: 6px;display: inline-block;vertical-align: middle;margin-right: 6px;position: absolute;top: 0;left: 0;z-index: 2;display: none;} .AI-inp-box{width: 100%;height: 100%;background-color: var(--corb01);padding: 0 0 0 10px;font-size: 0;border-radius: 6px;position: relative;} .AI-inp-box>div{display: inline-block;vertical-align: middle;} .AI-inp-a1{width: 26px;height: 26px;border-radius: 4px;display: inline-block;vertical-align: middle;padding: 4px;cursor: pointer;transition:var(--anims05);-webkit-transition:var(--anims05);} .AI-inp-a1 img{width: 100%;height: 100%;display: block;} .AI-inp-a1:hover{background-color:var(--corb03);} .AI-inp-a2{width: 0;height: 16px;border-right: 1px solid var(--corb04);margin-left: 4px;} /* 输入框 */ .AI-inp-a3{height: 100%;width: calc(100% - 32px);position: relative;} .AI-inp-a3 input{width: 100%;height: 100%;font-size: 14px;color: var(--corb08);padding: 0 40px 0 7px;background-color: transparent;} .AI-inp-a3 input::placeholder{font-size: 14px;color: var(--corb08);} .AI-inp-a3 .sp1{position: absolute;width: 16px;height: 16px;top: 9px;font-size: 0px;line-height: 16px;right: 40px;text-align: center;background-color: var(--corb07);border-radius: 100%;cursor: pointer;transition: var(--anims03);-webkit-transition: var(--anims03);display: none;} .AI-inp-a3 .sp1 .stroke{stroke: var(--corb01);transition: var(--anims03);-webkit-transition: var(--anims03);} .AI-inp-a3 .sp1:hover{background-color: var(--corb11);} .AI-inp-a3 .sp2{position: absolute;bottom: 5px;right: 6px;cursor: pointer;width: 26px;height: 26px;text-align: center;line-height: 26px;transition: var(--anims03);-webkit-transition: var(--anims03);border-radius: 4px;} .AI-inp-a3 .sp2:hover{background-color: var(--corb03);} .AI-inp-a3 .sp2:active{background-color: var(--corb04);} .AI-inp-a3 .sp2 svg{display: inline-block;vertical-align: middle;} .AI-inp-a3 .sp2 .stroke{stroke: var(--corb13);} .AI-inp-a3.add1:hover .sp1{display: block;} .AI-Result03-b.show .AI-inp-bg{display: block;} .AI-goOn{font-size: 0;transition: var(--anims03);-webkit-transition: var(--anims03);padding: 0 8px 0 6px;cursor: pointer;border-radius: 4px;float: left;margin: 2px 0 0 -12px;} .AI-goOn>div{width: 26px;height: 26px;display: inline-block;vertical-align: middle;padding: 4px;margin: 1px;} .AI-goOn>div img{width: 100%;height: 100%;} .AI-goOn p{font-size: 14px;display: inline-block;vertical-align: middle;color: var(--corb11);margin-left: 2px;line-height: 32px;height: 32px;} .AI-adjust{position: relative;} .AI-adjust .sp3{margin-left: 4px;height: 100%;padding-top: 14px;} .AI-adjust .sp3 svg{display: block;transition: var(--anims03);-webkit-transition: var(--anims03);} .AI-adjust .sp3 .stroke{stroke: var(--corb11);} .AI-adjust-pull{width: 110px;height: 0px;background-color: var(--corb01);box-shadow:var(--shade09);border: 1px solid var(--corb07);border-radius: 6px;position: absolute;left:0;bottom:36px;transition: var(--anims05);-webkit-transition: var(--anims05);opacity: 0;overflow: hidden;} .AI-adjust-pull ul{padding: 12px 12px 0;} .AI-adjust-pull ul li{width: 100%;height: 30px;border-radius: 3px;padding: 0 12px;transition: var(--anims03);-webkit-transition: var(--anims03);font-size: 0;line-height: 30px;text-align: center;} .AI-adjust-pull ul li span{display: inline-block;vertical-align: middle;font-size: 14px;color: var(--corb13);} .AI-adjust-pull ul li .sp1{display: none;} .AI-adjust-pull ul p{height: 1px;background-color: var(--corb04);margin: 4px 15px;} .AI-adjust-pull ul li:hover{background-color: var(--corb03);} .AI-adjust-pull ul li:active{background-color: var(--corb04);} .AI-adjust.act .AI-adjust-pull{height: 332px;opacity: 1;} .AI-adjust.act .sp3 svg{transform: rotate(180deg);} .AI-adjust.none{cursor: not-allowed;opacity: 0.6;} .AI-adjust.none:hover{background-color: var(--corb01);} .AI-adjust.none:active{background-color: var(--corb01);} .AI-rewrite, .AI-drop, .AI-replace, .AI-adjust, .AI-continue{font-size: 0;display: inline-block;vertical-align: middle;height: 32px;padding: 0 10px;cursor: pointer;color: var(--corb11);transition: var(--anims03);-webkit-transition: var(--anims03);margin-left: 2px;} .AI-rewrite, .AI-drop, .AI-adjust, .AI-continue{background-color: var(--corb01);border-radius: 4px;} .AI-rewrite:hover, .AI-drop:hover, .AI-adjust:hover, .AI-goOn:hover, .AI-continue:hover{background-color: var(--corb03);} .AI-rewrite:active, .AI-drop:active, .AI-adjust:active, .AI-goOn:active, .AI-continue:active{background-color: var(--corb04);} .AI-rewrite>span, .AI-drop>span, .AI-adjust>span, .AI-continue>span, .AI-replace p>span{display: inline-block;vertical-align: middle;font-size: 14px;line-height: 32px;} .AI-rewrite .sp1, .AI-drop .sp1, .AI-adjust .sp1, .AI-continue .sp1{margin-right: 4px;} .AI-rewrite .sp1 svg, .AI-drop .sp1 svg, .AI-adjust .sp1 svg, .AI-continue .sp1 svg{display: block;margin-top: 1px;} .AI-replace{width: 70px;padding:0; margin: 2px 0;position: relative;display: inline-block;vertical-align: middle;margin-left: 8px;} .AI-replace p{width: 100%;height: 100%;font-size: 0;text-align: center;border-radius: 6px;position: absolute;left: 0;top: 0;color: var(--corb01);} .AI-replace svg{transition: var(--anims03);-webkit-transition: var(--anims03);} .AI-replace:hover svg{opacity: 0.8;} /* .AI-replace:hover{background-image: linear-gradient( 19deg, rgba(150, 78, 255, 0.8) 0%, rgba(255, 148, 209, 0.8) 50%, rgba(255, 220, 153, 0.8) 100%);} .AI-replace:active{background-image: linear-gradient( 19deg, #964EFF 0%, #FF94D1 50%, #FFDC99 100%);} */ .AI-Result04{padding: 0 8px;position: relative;height: 46px;margin: 0;width: 100%;} .AI-Result04 .AI-inp-bg{height: 46px;margin: 0;width: 100%;display: block !important;} .AI-Result04 .AI-inp-bg .AI-stop{position: absolute;right: 6px;top:3px;font-size: 0;height: 100%;cursor: pointer;line-height: 38px;width: 151px;height: 38px;transition: var(--anims03);-webkit-transition: var(--anims03);border-radius: 4px;text-align: center;} .AI-Result04 .AI-inp-bg .AI-stop:hover{background-color: var(--corb03);} .AI-Result04 .AI-inp-bg .AI-stop:active{background-color: var(--corb04);} .AI-Result04 .AI-inp-bg .AI-stop p{display: inline-block;vertical-align: middle;font-size: 14px;color: var(--corb08);margin-left: 8px;} .AI-Result04 .AI-inp-bg .AI-stop .p1{height: 37px;vertical-align: top;} .AI-Result04 .AI-inp-bg .AI-stop .p1 svg{display: block;margin-top: 10px;} .AI-Result04 .AI-inp-a1:hover{cursor: auto;background-color: var(--corb01);} /* 生成中 */ .AI-Result.add1 .AI-Result02, .AI-Result.add1 .AI-Result04{display: block;} /* 生成结束 */ .AI-Result.add2 .AI-Result01, .AI-Result.add2 .AI-Result02, .AI-Result.add2 .AI-Result03{display: block;} /* 续写 */ .AI-Result.add3 .AI-Result01, .AI-Result.add3 .AI-Result02, .AI-Result.add3 .AI-Result04{display: block;} /* AI历史记录-右侧 */ .AI-Record{position: absolute;top:0;right: -100%;width: 100%;height:100%;background-color: var(--corb02);z-index: 20;padding: 5px 0;transition:var(--anims03);-webkit-transition:var(--anims03);opacity: 0;} .AI-Record.show{right: 0;opacity: 1;} .AI-Record-a{height: 34px;line-height: 34px;font-size: 0;padding:0 12px;margin-bottom: 10px;position: relative;} .AI-Record-a p{display: inline-block;vertical-align: middle;} .AI-Record-a1{width: 26px;height: 26px;padding: 2px;} .AI-Record-a1 img{width: 100%;height: 100%;display: block;} .AI-Record-a2{font-size: 14px;color: var(--corb13);margin-left: 8px;} .AI-Record-a3{float: right;width: 36px;height: 36px;cursor: pointer;} .AI-Record-a3 svg{display: block;margin: 3px;} .AI-Record-a3 .stroke{stroke:var(--corb07);transition:var(--anims03);-webkit-transition:var(--anims03);} .AI-Record-a3:hover .stroke{stroke:var(--corb13);} .AI-Record-a3:active .stroke{stroke:var(--cora07);} /* 刷新按钮 */ .AI-Record-a4{width: 24px;height: 24px;float: right;cursor: pointer;border-radius: 4px;margin: 7px 20px 0 0;transition:var(--anims03);-webkit-transition:var(--anims03);} .AI-Record-a4 svg{display: block;margin: 3px;} /* .AI-Record-a4:hover{background-color:var(--corb03);} */ /* 内容部分 */ .AI-Record-b{height: calc(100% - 166px);width: 100%;overflow-y: scroll;padding:10px 0 10px 4px;} .AI-Record-b1{font-size: 12px;color: var(--corb08);line-height: 18px;margin:0 0 22px;text-align: center;} .AI-Record-time{font-size: 12px;color: var(--corb08);line-height: 18px;text-align: center;margin:0 0 12px;} .AI-Record-R{background: linear-gradient( 106deg, #F4EEFD 0%, #F0E5FF 100%);border-radius: 15px 0px 15px 15px;margin: 0 0 12px 30px;padding: 10px 12px;} .AI-Record-L{background-color: var(--corb01);border-radius: 0px 15px 15px 15px;padding: 10px 12px;margin: 0 30px 40px 0;} .AI-R_Think{margin: 0 30px 12px 0;} /* .AI-Record-b2 .AI-Record-R .cont{max-height: 48px;} .AI-Record-b2 .AI-Record-L .cont{max-height: 284px;} */ .AI-Record-b2{padding: 0 0 200px;} .AI-Record-L .cont, .AI-Record-R .cont{font-size: 14px;color: var(--corb11);line-height: 24px;letter-spacing: 1px;text-align: left;-moz-user-select:text;-webkit-user-select: text;-ms-user-select: text;-khtml-user-select: text;user-select: text;} .AI-Record-L .cont{line-height: 28px;} .AI-Record-b2>div.pull .cont{height:auto !important;} .AI-Record-b2>div.pull .AI-Record-btn .p3 svg{transform: rotate(180deg);} .AI-Record-btn{height: 24px;margin-top: 4px;line-height: 24px;display: flex;align-items: center;} .AI-Record-btn p{color: var(--corb13);} .AI-Record-btn .p1{font-weight: 500;font-size: 14px;} .AI-Record-btn .p00{width: 24px;height: 24px;margin: 0 0 0 8px;cursor: pointer;transition:var(--anims03);-webkit-transition:var(--anims03);opacity: 0;display: flex;align-items: center;justify-content: center;} .AI-Record-btn .p3{font-size: 0px;cursor: pointer;padding: 0 4px;margin-left: auto;} .AI-Record-btn .p3 span{font-size: 12px;display: inline-block;vertical-align: middle;color: var(--corb08);transition:var(--anims03);-webkit-transition:var(--anims03);} .AI-Record-btn .p3:hover span{color: var(--corb13);} .AI-Record-btn .p3 .sp2{margin-left: 4px;} .AI-Record-btn .p3 svg{display: block;margin-top: 1px;transition:var(--anims05);-webkit-transition:var(--anims05);} .AI-Record-btn .p00 .stroke, .AI-Record-btn .p3 .sp2 .stroke{stroke: var(--corb08);transition:var(--anims03);-webkit-transition:var(--anims03);} .AI-Record-btn .p00:hover .stroke, .AI-Record-btn .p3:hover .sp2 .stroke{stroke: var(--corb13);} .AI-Record-btn .time{font-size: 13px;color: var(--corb08);} .AI-Record-btn1{flex: 1;align-items: center;height: 100%;justify-content: flex-start;display: flex;} .AI-Record-btn1.act .p00{opacity: 1;} .AI-Record-btn1.act .p6 .stroke{stroke: var(--corb13);} .AI-Record-b2>div:hover .AI-Record-btn .p00{opacity: 1;} .AI-Record-c{position: absolute;right: 10px;bottom: 150px;width: 40px;height: 40px;font-size: 16px;color: var(--corb08);background-color: var(--corb01);box-shadow: var(--shade02);border-radius: 8px;padding: 11px 12px;cursor: pointer;} .AI-Record-c p{display: none;} .AI-Record-c .p2{display: block;} .AI-Record-d{width: 276px;border-radius: 6px;background: #FFF;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);position: absolute;bottom: 12px;left: 12px;} .AI-Record-d4{position: absolute;left: 8px;top: 12px;height: 21px;line-height: 21px;font-size: 14px;color:var(--corb11); pointer-events: none;} .AI-R_inp{min-height: 74px;width: 100%;position: relative;padding: 12px 8px 0px 8px;overflow-y: auto;outline: none;max-height: 136px;} .AI-R_inp textarea{padding: 12px 8px 0px 8px;width: 100%;height: 100%;background-color: transparent;font-size: 14px;color: var(--corb13);line-height: 18px;font-family:inherit;} .AI-R_inp .sp1{width: 16px;height: 16px; position: absolute;top: 10px; background-color: var(--corb07); transition:var(--anims03);-webkit-transition:var(--anims03); stroke:var(--corb01); border-radius:50%; pointer-events: all;display: none; right: 6px;} .AI-R_inp .sp1:hover { background: var(--corb11);cursor: pointer; } .AI-R_inp.act:hover .sp1{display:block;} .AI-R_aide{font-size: 14px;color: var(--cora06);font-style: normal;font-weight: bold;margin-right: 4px;} .AI-Record-d2{padding: 6px 8px;display: flex;align-items: center;width: 100%;position: relative;} .AI-R-btn{height: 32px;padding: 0 8px;display: flex;align-items: center;border-radius: 27px;background: var(--corb03);margin-right: 12px;cursor: pointer;position: relative;transition:var(--anims03);-webkit-transition:var(--anims03);} .AI-R-btn .sp1{font-size: 14px;color: var(--corb13);} .AI-R-btn3{position: absolute;right: 8px;top: 12px;height: 26px;width: 26px;} .AI-R-btn3 p{display: flex;width: 100%;height: 100%;border-radius: 50%;align-items: center;justify-content: center;cursor: pointer;transition:var(--anims03);-webkit-transition:var(--anims03);} .AI-R-btn3 .p1{background: var(--corb07);} .AI-R-btn3 .p2 span{width: 10px;height: 10px;border-radius: 2px;background-color: var(--corb01);} .AI-R-btn3 .p2{display: none;background-color: var(--cora06);} .AI-R-btn3.act .p1{display: none;} .AI-R-btn3.act .p2{display: flex;} .AI-R-btn3.add .p1{background-color: var(--cora06);} .AI-R-btn:hover{background-color: rgba(0, 137, 98, 0.10);} /* .AI-R-btn1:hover .AI-R-btn01{display: block;opacity: 1;} .AI-R-btn2:hover .AI-R-btn02{display: block;opacity: 1;} */ .AI-R-btn1.act .AI-R-btn01{display: block;opacity: 1;} .AI-R-btn2.act .AI-R-btn02{display: block;opacity: 1;} .AI-R-btn01{position: absolute;left: -48px;bottom: 32px;transition:var(--anims23);-webkit-transition:var(--anims23);display: none;opacity: 0;height: 312px;} .AI-R-btn02{position: absolute;left: -52px;bottom: 32px;transition:var(--anims23);-webkit-transition:var(--anims23);display: none;opacity: 0;height: 96px;} .AI-R-btn01 .AI-R-ul1{padding: 12px 0 0;width: 184px;height: 308px;border-radius: 7px;background: var(--corb01);box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15);} .AI-R-btn02 .AI-R-ul1{padding: 12px 0 0;width: 184px;height: 92px;border-radius: 7px;background: var(--corb01);box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15);} .AI-R-list1{width: 100%;padding: 0 12px;margin-bottom: 4px;height: 32px;cursor: pointer;position: relative;} .AI-R-list1 .p1{width: 100%;height: 100%;border-radius: 3px;background: var(--corb01);padding: 0 0 0 12px;display: flex;align-items: center;transition:var(--anims03);-webkit-transition:var(--anims03);} .AI-R-list1 .sp1{width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;margin-right: 8px;} .AI-R-list1 .sp2{font-size: 14px;color: var(--corb13);} .AI-R-list1:hover .p1{background: var(--corb03);} .AI-R-list1 .sp3{position: absolute;right: 21px;top: 3px;} .AI-R-list1>div{position: absolute;left: 180px;width: 115px;border-radius: 7px;background: var(--corb01);box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15);height: 0;overflow: hidden;opacity: 0;transition:var(--anims23);-webkit-transition:var(--anims23);} .AI-R-ul2{padding: 12px 12px 0;width: 100%;height: 100%;} .AI-R-list2{height: 32px;display: flex;align-items: center;padding: 0 0 0 12px;border-radius: 3px;transition:var(--anims03);-webkit-transition:var(--anims03);position: relative;margin-bottom: 4px;} .AI-R-list2:hover{background-color: #F2F6F4;} .AI-R-list2 .sp11{font-size: 14px;color: var(--corb13);} .AI-R-list2 .sp12{width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;opacity: 0;margin-left: 5px;} .AI-R-list2.act .sp12{opacity: 1;} .AI-polish:hover>div{height: 308px;opacity: 1;} .AI-translate:hover>div{height: 236px;opacity: 1;} .AI-R_Think .cont{border-left: 1px solid #D9D9D9;padding-left: 10px;color: var(--corb11);line-height: 20px;font-size: 13px;} .AI-R_Think .tit{font-size: 14px;color: var(--corb13);margin-bottom: 6px;} /* -------------------------------------------------------------- 工具条拖拽|下拉|移动 -------------------------------------------------------------- */ /*拖拽*/ .TO-slide{ height:0px; border-radius:6px; background-color:var(--corb01); box-shadow: var(--shade09); transition: var(--anims23); -webkit-transition: var(--anims23); border: 1px solid var(--corb07); margin-top:4px; overflow:hidden; cursor:default; width:318px; opacity:0; position:relative; } .TO-slide .li01{font-size:14px;line-height:32px;position:absolute;left:15px;top:0px;} .TO-slide .li02{ height:4px; width:180px; background-color: var(--corb07); margin:14px 8px 0px 5px; border-radius:6px; position:absolute; right:60px; top:0px; cursor:pointer; } .TO-slide .li02 .p1{ border-radius:6px; background-color:var(--cora06); position:absolute; top:0px; left:0px; height:4px; } .TO-slide .li02 .p2{ width:14px; height:14px; background-color:var(--corb01); border-radius:50px; position:absolute; top:-5px; cursor:pointer; box-shadow:var(--shade10); } .TO-slide .li03{height:100%;position:absolute;right:0px;top:0px;} .TO-slide .li03 .p1{ float:left; width:36px; height:22px; border:1px solid transparent; border-radius:4px; margin:5px 4px 0px 0px; } .TO-slide .li03 .p1 input{width:34px;height:20px;border-radius:4px;text-align:center;} .TO-slide .li03 .p2{width:20px;height:100%;position:relative;float:left;} .TO-slide .li03 .p2 span{ display:none; position:absolute; right:0px; width:100%; height:16px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); background-color:var(--corb07); text-align:center; line-height:16px; } .TO-slide .li03 .p2 span .fill{fill:var(--corb11);transition:var(--anims03);-webkit-transition:var(--anims03);} .TO-slide .li03 .p2 span:hover{background-color:var(--corb19);} .TO-slide .li03 .p2 .sp1{top:0px;} .TO-slide .li03 .p2 .sp2{bottom:0px;} .TO-slide .li03:hover .p1{border:1px solid var(--corb07);} .TO-slide .li03:hover .p2 span{display:block;} .TO-slide .li03 .p2 .none{cursor:no-drop;} .TO-slide .li03 .p2 .none .fill{fill:var(--corb19);} .TO-slide .li03 .p2 .none:hover{background-color:var(--corb07);} .TO-slide .li03_add:hover .p1{border:1px solid transparent;} .TO-MOVE .TO-slide{opacity:1;padding-left:15px;overflow:hidden;cursor:default;margin-top:0px;} /*下拉*/ .TO-POP{ position:fixed; z-index:301; transition:var(--anims23); -webkit-transition:var(--anims23); overflow:hidden; box-shadow:var(--shade02); border-radius:6px; height:0px; opacity:0; } .TO-POP>ul{background-color:var(--corb01);border:1px solid var(--corb07);width:100%;height:100%;border-radius:6px;} .TO-POP-animate{transition:var(--anims05);-webkit-transition:var(--anims05);} .TO-POP svg{vertical-align:middle;} .TO-POP input::-webkit-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TO-POP input::-moz-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TO-POP input::-ms-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TO-POP .TO-move-chose p{background-color:var(--corb03);} .TO-POP .TO-none{opacity:0.3;cursor:inherit;} .TO-POP .TO-none p{cursor:inherit;} .TO-POP .TO-none P:hover{background-color:transparent;} .TO-POP .TO-none P:active{background-color:transparent;} .TO-POP .TOD-two-chose{background-color:var(--corb03);} .TO-POP:hover{overflow:visible;} /*工具条移动出发*/ .TO-MOVE{ position:fixed; z-index:301; transition:var(--anims23); -webkit-transition:var(--anims23); overflow:hidden; box-shadow:var(--shade02); border-radius:6px; height:0px; opacity:0; } .TO-MOVE>ul{background-color:var(--corb01);border:1px solid var(--corb07);width:100%;height:100%;border-radius:6px;} .TO-MOVE-animate{transition:var(--anims05);-webkit-transition:var(--anims05);} .TO-MOVE svg{vertical-align:middle;} .TO-MOVE input::-webkit-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TO-MOVE input::-moz-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TO-MOVE input::-ms-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TO-MOVE .TO-none{opacity:0.3;cursor:inherit;} .TO-MOVE .TO-none p{cursor:inherit;} .TO-MOVE .TO-none P:hover{background-color:transparent;} .TO-MOVE .TO-none P:active{background-color:transparent;} /*表格工具条二次点击下拉*/ .TOD-two{ position:fixed; z-index:301; transition:var(--anims23); -webkit-transition:var(--anims23); overflow:hidden; box-shadow:var(--shade02); border-radius:6px; height:0px; opacity:0; } .TOD-two>ul{background-color:var(--corb01);border:1px solid var(--corb07);width:100%;height:100%;border-radius:6px;} .TOD-two-animate{transition:var(--anims05);-webkit-transition:var(--anims05);} .TOD-two svg{vertical-align:middle;} .TOD-two input::-webkit-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TOD-two input::-moz-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TOD-two input::-ms-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} /* ---------------------- 工具条下拉移动内部的样式 ----------------------*/ .TO01{padding:10px 12px;} .TO01 li{padding:2px 0px;} .TO01 P{height:32px;cursor:pointer;border-radius:4px;transition:var(--anims05);-webkit-transition:var(--anims05);padding-left:10px;} .TO01 P:hover{background-color:var(--corb03);} .TO01 P:active{background-color:var(--corb04);} .TO01 span{float:left;} .TO01 .sp1{width:20px;height:20px;margin-top:6px;line-height:20px;text-align:center;} .TO01 .sp1 svg{vertical-align:middle;} .TO01 .sp2{font-size:14px;line-height:32px;margin-left:6px;} /*图片-缩放*/ .TO02{padding:10px 12px;} .TO02-li1{height:30px;padding:2px 0px;position:relative;} .TO02-li1 .p1, .TO02-li1 .p2{height:26px;border:1px solid var(--corb07);border-radius:3px;position:relative;transition:var(--anims05);-webkit-transition: var(--anims05);} .TO02-li1 .p1.logn-focus, .TO02-li1 .p2.logn-focus{border-color:var(--cora07);} .TO02-li1 .p1 input, .TO02-li1 .p2 input{width:100%;height:100%;border-radius:3px;padding:0px 5px 0px 10px;} .TO02-li1 p .unit1, .TO02-li1 p .unit2{position:absolute;font-size:12px;top:0px;right:36px;color:var(--corb08);} .TO02-li1 p .unit1{line-height:24px;} .TO02-li1 p .unit2{line-height:22px;} .TO02-li1 p .up, .TO02-li1 p .down{ position:absolute; right:0px; height:12px; width:20px; cursor:pointer; background-color:var(--corb06); text-align:center; padding-left:4px; transition:var(--anims03); -webkit-transition:var(--anims03); } .TO02-li1 p .up svg, .TO02-li1 p .down svg{float:left;} .TO02-li1 p .up .fill, .TO02-li1 p .down .fill{fill:var(--corb11);transition:var(--anims03);-webkit-transition:var(--anims03);} .TO02-li1 p .up{top:0px;} .TO02-li1 p .down{bottom:0px;} .TO02-li1 p .up:hover, .TO02-li1 p .down:hover{background-color:var(--corb07);} .TO02-li1 p .none{cursor:no-drop;} .TO02-li1 p .none .fill{fill:var(--corb07);} .TO02-li1 p .none:hover{background-color:var(--corb06);} .TO02-li1 .p3{position:absolute;top:2px;right:22px;width:14px;text-align:center;cursor:pointer;font-size:0px;} .TO02-li1 .p3 span{height:26px;display:inline-block;vertical-align:middle;} .TO02-li1 .p3 .sp1{line-height:26px;width:10px;right:0px;} .TO02-li1 .p3 .sp1 svg{vertical-align:middle;transition:var(--anims05);-webkit-transition:var(--anims05);} .TO02-li1 .p3 .sp1 .stroke{stroke:var(--corb08);transition:var(--anims05);-webkit-transition:var(--anims05);} .TO02-li1 .p3:hover .sp1 .stroke{stroke:var(--corb13);} .TO02-li1 .d1{ position:absolute; right:0px; top:30px; overflow:hidden; width:60px; height:72px; background-color:var(--corb01); box-shadow:var(--shade09); border-radius:4px; overflow:hidden; transition:var(--anims23); -webkit-transition:var(--anims23); opacity:0; height:0; } .TO02-li1 .d1 ul{padding:4px 8px 8px;} .TO02-li1 .d1 li{ height:26px; line-height:26px; text-align:left; font-size:14px; cursor:pointer; margin-top:4px; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; padding-left:10px; } .TO02-li1 .d1 li:hover{background-color:var(--corb03);} .TO02-li1 .d1 li:active{background-color:var(--corb04);} .TO02-li1-add .d1{opacity:1;height:72px;} .TO02-li1-add .p3 svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);} .TO02-li2, .TO02-li3{padding:2px 0px;} .TO02-li2 p, .TO02-li3 P{height:32px;cursor:pointer;border-radius:4px;transition:var(--anims05);-webkit-transition:var(--anims05);padding-left:10px;} .TO02-li2 p:hover, .TO02-li3 P:hover{background-color:var(--corb03);} .TO02-li2 p:active, .TO02-li3 P:active{background-color:var(--corb04);} .TO02-li2 span, .TO02-li3 span{float:left;} .TO02-li2 .sp1, .TO02-li3 .sp1{width:20px;height:20px;margin-top:6px;line-height:20px;text-align:center;opacity:0;} .TO02-li2 .sp1 svg, .TO02-li3 .sp1 svg{vertical-align:middle;} .TO02-li2 .sp2, .TO02-li3 .sp2{font-size:14px;line-height:32px;margin-left:6px;} /*对号显示*/ .TO02-li-add .sp1{opacity:1} /*显示百分比*/ .TO02 .TO02-li2{display:block;} .TO02 .TO02-li3{display:none;} .TO02 .TO02-li1 .p1{display:block;} .TO02 .TO02-li1 .p2{display:none;} /*显示像素*/ .TO02-add .TO02-li2{display:none;} .TO02-add .TO02-li3{display:block;} .TO02-add .TO02-li1 .p1{display:none;} .TO02-add .TO02-li1 .p2{display:block;} /*图片-偏移、透明度 样式-宽度*/ .TO03{padding:10px 12px;} .TO03-li1{padding:2px 0px;} .TO03-li1 p{ height:26px; border:1px solid var(--corb07); border-radius:3px; position:relative; transition:var(--anims05); -webkit-transition: var(--anims05); } .TO03-li1 p.logn-focus{border-color:var(--cora07);} .TO03-li1 p input{width:100%;height:100%;border-radius:3px;padding:0px 5px 0px 10px;text-align:left;} .TO03-li1 p .unit1, .TO03-li1 p .unit2{position:absolute;font-size:12px;top:0px;right:28px;color:var(--corb08);} .TO03-li1 p .unit1{line-height:24px;} .TO03-li1 p .unit2{line-height:22px;} .TO03-li1 p .up, .TO03-li1 p .down{ position:absolute; right:0px; height:12px; width:20px; cursor:pointer; background-color:var(--corb06); text-align:center; padding-left:4px; transition:var(--anims03); -webkit-transition:var(--anims03); } .TO03-li1 p .up svg, .TO03-li1 p .down svg{float:left;} .TO03-li1 p .up .fill, .TO03-li1 p .down .fill{fill:var(--corb11);transition:var(--anims03);-webkit-transition:var(--anims03);} .TO03-li1 p .up{top:0px;} .TO03-li1 p .down{bottom:0px;} .TO03-li1 p .up:hover, .TO03-li1 p .down:hover{background-color:var(--corb07);} .TO03-li1 p .none{cursor:no-drop;} .TO03-li1 p .none .fill{fill:var(--corb07);} .TO03-li1 p .none:hover{background-color:var(--corb06);} .TO03-li2{padding:2px 0px;} .TO03-li2 p{cursor:pointer;transition:var(--anims05);-webkit-transition:var(--anims05);border-radius:4px;padding-left:10px;height:32px;} .TO03-li2 p:hover{background-color:var(--corb03);} .TO03-li2 p:active{background-color:var(--corb04);} .TO03-li2 .sp1{ float:left; width: 16px; height: 16px; line-height: 16px; margin-top:8px; opacity: 0; margin-right: 10px; transition: var(--anims05); -webkit-transition: var(--anims05); } .TO03-li2 .sp1 svg{vertical-align:middle;} .TO03-li2 .sp2{font-size:14px;float:left;line-height:32px;} .TO03-li2-add .sp1{opacity:1;} /*图片-更多 | 样式-更多*/ .TO04{padding:10px 12px;} .TO04-li{padding:2px 0px;position:relative;white-space:nowrap;font-size:0px;} .TO04-li .p1{cursor:pointer;transition:var(--anims05);-webkit-transition:var(--anims05);border-radius:4px;padding-left:10px;height:32px;} .TO04-li .p1:hover{background-color:var(--corb03);} .TO04-li .p1:active{background-color:var(--corb04);} .TO04 .addbg{background-color:var(--corb03);} .TO04-li .p1 .sp1{width:20px;height:20px;font-size:0px;line-height:20px;text-align:center;display:inline-block;vertical-align:middle;} .TO04-li .p1 .sp2{line-height:32px;margin-left:10px;display:inline-block;vertical-align:middle;font-size:14px;} .TO04-li .p1 .sp3{width:20px;height:20px;font-size:0px;line-height:20px;text-align:center;float:right;margin-top:6px;} .TO04-li1{padding:2px 10px;} .TO04-li1 p{height:1px;background-color:var(--corb04);} /*图片-异形 | 图片-清除缝隙 | 图片-图片翻转 | 图片-图片信息*/ .TO05{padding:10px 12px;} .TO05-li{padding:2px 0px;position:relative;} .TO05-li .p1{ cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; padding-left:6px; height:32px; white-space:nowrap; font-size:0px; } .TO05-li .p1:hover{background-color:var(--corb03);} .TO05-li .p1:active{background-color:var(--corb04);} .TO05-li .p1 span{display:inline-block;vertical-align:middle;} .TO05-li .p1 .sp1{width:26px;height:26px;font-size:0px;line-height:26px;text-align:center;} .TO05-li .p1 .sp2{line-height:32px;margin-left:3px;font-size:14px;} .TO05-li-add .p1{background-color:var(--corb04);} /*图片-图片边*/ .TO06{padding:12px;} .TO06-li01{height:26px;white-space:nowrap;font-size:0px;} .TO06-li01 p{display:inline-block;vertical-align:middle;} .TO06-li01 .p1{line-height:26px;font-size:12px;width:52px;} .TO06-li01 .p2, .TO06-li01 .p3{border:1px solid var(--corb07);width:50px;position:relative;height:26px;border-radius:4px;} .TO06-li01 .p2{margin-left:10px;} .TO06-li01 .p2 input, .TO06-li01 .p3 input{width:100%;height:100%;border-radius:4px;padding:0px 4px 0px 24px;text-align:center;} .TO06-li01 .p2 span, .TO06-li01 .p3 span{position:absolute;width:24px;height:24px;top:0px;left:0px;text-align:center;line-height:24px;font-size:12px;} .TO06-li02{margin-top:8px;height:26px;white-space:nowrap;font-size:0px;} .TO06-li02 p{display:inline-block;vertical-align:middle;} .TO06-li02 .p3{line-height:26px;font-size:12px;width:52px;} .TO06-li02 .p1, .TO06-li02 .p2{border:1px solid var(--corb07);width:50px;position:relative;height:26px;border-radius:4px;} .TO06-li02 .p1{margin-left:10px;} .TO06-li02 .p1 input, .TO06-li02 .p2 input{width:100%;height:100%;border-radius:4px;padding:0px 4px 0px 24px;text-align:center;} .TO06-li02 .p1 span, .TO06-li02 .p2 span{position:absolute;width:24px;height:24px;top:0px;left:0px;text-align:center;line-height:24px;font-size:12px;} .TO06-li03{margin-top:8px;height:26px;white-space:nowrap;font-size:0px;} .TO06-li03 p{display:inline-block;vertical-align:middle;} .TO06-li03 .p1{width:52px;line-height:26px;font-size:12px;} .TO06-li03 .p2{border:1px solid var(--corb07);width:110px;position:relative;height:26px;border-radius:4px;} .TO06-li03 .p2 input{width:100%;height:100%;border-radius:4px;padding:0px 5px 0px 10px;text-align:left;} .TO06-li03 p .unit1, .TO06-li03 p .unit2{position:absolute;font-size:12px;top:0px;right:24px;color:var(--corb08);} .TO06-li03 p .unit1{line-height:24px;} .TO06-li03 p .unit2{line-height:22px;} .TO06-li03 p .up, .TO06-li03 p .down{ position:absolute; right:0px; height:12px; width:20px; cursor:pointer; background-color:var(--corb06); text-align:center; padding-left:4px; transition:var(--anims03); -webkit-transition:var(--anims03); } .TO06-li03 p .up svg, .TO06-li03 p .down svg{float:left;} .TO06-li03 p .up .fill, .TO06-li03 p .down .fill{fill:var(--corb11);transition:var(--anims03);-webkit-transition:var(--anims03);} .TO06-li03 p .up{top:0px;} .TO06-li03 p .down{bottom:0px;} .TO06-li03 p .up:hover, .TO06-li03 p .down:hover{background-color:var(--corb07);} .TO06-li03 p .none{cursor:no-drop;} .TO06-li03 p .none .fill{fill:var(--corb07);} .TO06-li03 p .none:hover{background-color:var(--corb06);} /*图片-点击放大*/ .TO07{padding:10px 12px;} .TO07-li{padding:2px 0px;position:relative;} .TO07-li p{cursor:pointer;transition:var(--anims05);-webkit-transition:var(--anims05);border-radius:4px;padding-left:10px;height:32px;} .TO07-li p:hover{background-color:var(--corb03);} .TO07-li p:active{background-color:var(--corb04);} .TO07-li p .sp1{width:20px;height:20px;font-size:0px;line-height:20px;text-align:center;margin-top:6px;float:left;opacity:0;} .TO07-li p .sp2{line-height:32px;float:left;margin-left:6px;} .TO07-li-add p .sp1{opacity:1;} /*样式-段落*/ .TO08{padding:4px 0px 0px 12px;} .TO08 li{height:26px;margin-top:8px;font-size:0px;white-space:nowrap;} .TO08 li p{display:inline-block;vertical-align:middle;} .TO08-li1 .p1{font-size:12px;line-height:26px;width:40px;margin-right:2px;} .TO08-li1 .p1 span{margin-right:12px;} .TO08-li1 .p3{font-size:12px;line-height:26px;width:40px;margin:0px 2px 0px 16px;} .TO08-li1 .p2, .TO08-li1 .p4{ height:26px; width:84px; border:1px solid var(--corb07); border-radius:3px; position:relative; transition:var(--anims05); -webkit-transition: var(--anims05); position:relative; } .TO08-li1 .p2.logn-focus, .TO08-li1 .p4.logn-focus{border-color:var(--cora07);} .TO08-li1 input{width:100%;height:100%;border-radius:3px;padding:0px 24px 0px 6px;} .TO08-li1 p .unit1, .TO08-li1 p .unit2{position:absolute;font-size:12px;top:0px;right:24px;color:var(--corb08);} .TO08-li1 p .unit1{line-height:24px;} .TO08-li1 p .unit2{line-height:22px;} .TO08-li1 p .up, .TO08-li1 p .down{ position:absolute; right:0px; height:12px; width:20px; cursor:pointer; background-color:var(--corb06); text-align:center; padding-left:4px; transition:var(--anims03); -webkit-transition:var(--anims03); } .TO08-li1 p .up svg, .TO08-li1 p .down svg{float:left;} .TO08-li1 p .up .fill, .TO08-li1 p .down .fill{fill:var(--corb11);transition:var(--anims03);-webkit-transition:var(--anims03);} .TO08-li1 p .up{top:0px;} .TO08-li1 p .down{bottom:0px;} .TO08-li1 p .up:hover, .TO08-li1 p .down:hover{background-color:var(--corb07);} .TO08-li1 p .none{cursor:no-drop;} .TO08-li1 p .none .fill{fill:var(--corb07);} .TO08-li1 p .none:hover{background-color:var(--corb06);} .TO08-li2 .p1{font-size:12px;line-height:26px;width:40px;margin-right:2px;} .TO08-li2 .p1 span{margin-right:12px;position: static;} .TO08-li2 .p2, .TO08-li2 .p3, .TO08-li2 .p4, .TO08-li2 .p5{ height:26px; width:50px; border:1px solid var(--corb07); border-radius:3px; position:relative; transition:var(--anims05); -webkit-transition: var(--anims05); position:relative; } .TO08-li2 .p3{margin-left:9px;} .TO08-li2 .p4{margin-left:9px;} .TO08-li2 .p5{margin-left:9px;} .TO08-li2 .p2.logn-focus, .TO08-li2 .p3.logn-focus, .TO08-li2 .p4.logn-focus, .TO08-li2 .p5.logn-focus{border-color:var(--cora07);} .TO08-li2 input{width:100%;height:100%;border-radius:3px;padding:0px 6px 0px 20px;text-align:center;} .TO08-li2 span{position:absolute;line-height:24px;top:0px;left:6px;font-size:12px;} /*文字-对齐方式*/ .TO09{padding:10px 12px;} .TO09-li{padding:2px 0px;position:relative;} .TO09-li p{cursor:pointer;transition:var(--anims05);-webkit-transition:var(--anims05);border-radius:4px;padding-left:10px;height:32px;} .TO09-li p:hover{background-color:var(--corb03);} .TO09-li p:active{background-color:var(--corb04);} .TO09-li .sp1{ float:left; opacity:0; width: 16px; height: 16px; line-height: 16px; font-size: 0px; margin: 8px 8px 0px 0px; transition: var(--anims05); -webkit-transition: var(--anims05); } .TO09-li .sp2{ float:left; width:20px; height:20px; line-height:20px; font-size:0px; margin:6px 6px 0px 0px; } .TO09-li .sp3{line-height:32px;float:left;} .TO09-li-add .sp1{opacity:1;} /*文字-序号列表*/ .TO10{padding:10px 12px;} .TO10-li{padding:2px 0px;position:relative;font-size:14px;} .TO10-li p{cursor:pointer;transition:var(--anims05);-webkit-transition:var(--anims05);border-radius:4px;padding-left:10px;height:24px;line-height:24px;} .TO10-li p:hover{background-color:var(--corb03);} .TO10-li p:active{background-color:var(--corb04);} /*表格-单元格背景*/ .TO11{padding:12px 0px 0px 12px;} .TO11-li1{height:26px;} .TO11-li1 .p1{ float:left; width:22px; height:22px; border:1px solid var(--corb04); border-radius:2px; transition:var(--anims75); -webkit-transition:var(--anims75); margin-top:3px; cursor:pointer; } .TO11-li1 .p1:hover{transform:scale(1.1);transform:-o-scale(1.1);transform:-ms-scale(1.1);transform:-moz-scale(1.1);transform:-webkit-scale(1.1);} .TO11-li1 .p2{ float:left; height:28px; border:1px solid var(--corb07); width:130px; margin-left:6px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); } .TO11-li1 .p2 input{width:100%;height:100%;padding:0px 5px;border-radius:4px;} .TO11-li1 .p2.logn-focus{border-color:var(--cora07);} .TO11-li2{height:26px;margin-top:12px;} .TO11-li2 p{float:left;cursor:pointer;} .TO11-li2 p .sp1{ float:left; width:12px; height:12px; border:1px solid var(--corb08); border-radius:10px; margin:7px 4px 0px 0px; transition:var(--anims05); -webkit-transition:var(--anims05); position:relative; } .TO11-li2 p .sp1 i{width:6px;height:6px;top:2px;left:2px;border-radius:6px;position:absolute;} .TO11-li2 p .sp2{line-height:26px;float:left;color:var(--corb13);transition:var(--anims05);-webkit-transition:var(--anims05);} .TO11-li2 .p2{margin:0px 10px;} .TO11-li2 p:hover .sp1{border-color:var(--cora05);} .TO11-li2 p:hover .sp2{color:var(--cora05);} .TO11-li2 .add .sp1{border-color:var(--cora06);} .TO11-li2 .add .sp1 i{background-color:var(--cora06);} .TO11-li2 .add .sp2{color:var(--cora06);} /*表格-表格样式*/ .TO12{padding:12px 0px 2px 2px;} .TO12-li1{height:22px;padding-left:10px;font-size:0px;white-space:nowrap;margin-bottom:10px;} .TO12-li1 p{height:22px;display:inline-block;vertical-align:middle;font-size:14px;} .TO12-li1 .p1{line-height:22px;} .TO12-li1 .p2{width:22px;height:22px;border-radius:2px;cursor:pointer;transition:var(--anims75);-webkit-transition:var(--anims75);margin-right:6px;} .TO12-li1 .p2:hover{transform:scale(1.25);transform:-o-scale(1.25);transform:-ms-scale(1.25);transform:-moz-scale(1.25);transform:-webkit-scale(1.25);} .TO12-li1 .p3{ width:22px; height:22px; border-radius:2px; cursor:pointer; border:1px solid var(--corb07); position:relative; transition:var(--anims05); -webkit-transition:var(--anims05); } .TO12-li1 .p3 span{position:absolute;background-color:var(--corb07);transition:var(--anims05);-webkit-transition:var(--anims05);} .TO12-li1 .p3 .sp1{width:16px;height:4px;top:8px;left:2px;} .TO12-li1 .p3 .sp2{width:4px;height:16px;top:2px;left:8px;} .TO12-li1 .p3:hover{border-color:var(--corb08);} .TO12-li1 .p3:hover span{background-color:var(--corb08);} .TO12-li2{font-size:0px;white-space:nowrap;} .TO12-li2>div{ margin:0px 0px 10px 10px; width:76px; height:78px; padding:3px; border:1px solid var(--corb04); display:inline-block; border-radius:4px; vertical-align:middle; transition:var(--anims05);-webkit-transition:var(--anims05); cursor:pointer; } .TO12-li2>div:hover{border-color:var(--corb08);} .TO12-li2 .add{border-color:var(--cora06) !important;} .TO12-li2-view{width:100%;height:100%;background-color:#FFDAA9;} .TO12-li2-view p{height:14px;line-height:13px;} .TO12-li2-view p span{width:20%;display:inline-block;vertical-align:middle;height:100%;text-align:center;} .TO12-li2-view p span b{display:block;width:100%;height:100%;position:relative;} .TO12-li2-view p span b:after{content:"";width:8px;height:1px;background-color:#aaa;display:inline-block;vertical-align:middle;} .TO12-li2>div>.TO12-li2-view p span:nth-child(1){border-left:none} .TO12-li2-1 .p1{border-bottom:2px solid #fff;} .TO12-li2-1 .p2{border:1px solid transparent;} .TO12-li2-1 .p2 span{border-left:1px solid transparent;} .TO12-li2-1 .p2 span b{background-color:rgba(255,255,255,0.6)} .TO12-li2-1 .p3{border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;} .TO12-li2-1 .p3 span{border-left:1px solid transparent;} .TO12-li2-1 .p3 span b{background-color:rgba(255,255,255,1)} .TO12-li2-1 .p4{border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;} .TO12-li2-1 .p4 span{border-left:1px solid transparent;} .TO12-li2-1 .p4 span b{background-color:rgba(255,255,255,0.6)} .TO12-li2-1 .p5{border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;} .TO12-li2-1 .p5 span{border-left:1px solid transparent;} .TO12-li2-1 .p5 span b{background-color:rgba(255,255,255,1)} .TO12-li2-2 .p2{border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;} .TO12-li2-2 .p2 span{border-left:1px solid transparent;} .TO12-li2-2 .p2 span b{background-color:rgba(255,255,255,0.85)} .TO12-li2-2 .p3{border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;} .TO12-li2-2 .p3 span{border-left:1px solid transparent;} .TO12-li2-2 .p3 span b{background-color:rgba(255,255,255,0.85)} .TO12-li2-2 .p4{border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;} .TO12-li2-2 .p4 span{border-left:1px solid transparent;} .TO12-li2-2 .p4 span b{background-color:rgba(255,255,255,0.85)} .TO12-li2-2 .p5{border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;} .TO12-li2-2 .p5 span{border-left:1px solid transparent;} .TO12-li2-2 .p5 span b{background-color:rgba(255,255,255,0.85)} .TO12-li2-3 .p1{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff} .TO12-li2-3 .p1 span{border-left:1px solid #fff;} .TO12-li2-3 .p2{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} .TO12-li2-3 .p2 span{border-left:1px solid #fff;} .TO12-li2-3 .p2 span b{background-color:rgba(255,255,255,0.7)} .TO12-li2-3 .p3{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} .TO12-li2-3 .p3 span{border-left:1px solid #fff;} .TO12-li2-3 .p3 span b{background-color:rgba(255,255,255,0.85)} .TO12-li2-3 .p4{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} .TO12-li2-3 .p4 span{border-left:1px solid #fff;} .TO12-li2-3 .p4 span b{background-color:rgba(255,255,255,0.7)} .TO12-li2-3 .p5{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} .TO12-li2-3 .p5 span{border-left:1px solid #fff;} .TO12-li2-3 .p5 span b{background-color:rgba(255,255,255,0.85)} .TO12-li2-4 .p1{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff} .TO12-li2-4 .p1 span{border-left:1px solid #fff;} .TO12-li2-4 .p2{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} .TO12-li2-4 .p2 span{border-left:1px solid #fff;} .TO12-li2-4 .p2 span b{background-color:rgba(255,255,255,0.7)} .TO12-li2-4 .p2 span:nth-child(1) b{background-color:rgba(255,255,255,0)} .TO12-li2-4 .p3{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} .TO12-li2-4 .p3 span{border-left:1px solid #fff;} .TO12-li2-4 .p3 span b{background-color:rgba(255,255,255,0.85)} .TO12-li2-4 .p3 span:nth-child(1) b{background-color:rgba(255,255,255,0)} .TO12-li2-4 .p4{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} .TO12-li2-4 .p4 span{border-left:1px solid #fff;} .TO12-li2-4 .p4 span b{background-color:rgba(255,255,255,0.7)} .TO12-li2-4 .p4 span:nth-child(1) b{background-color:rgba(255,255,255,0)} .TO12-li2-4 .p5{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} .TO12-li2-4 .p5 span{border-left:1px solid #fff;} .TO12-li2-4 .p5 span b{background-color:rgba(255,255,255,0.85)} .TO12-li2-4 .p5 span:nth-child(1) b{background-color:rgba(255,255,255,0)} .TO12-li2-5 .p1{border:1px solid transparent;} .TO12-li2-5 .p1 span{border-left:1px solid transparent;} .TO12-li2-5 .p1 span b{background-color:rgba(255,255,255,1)} .TO12-li2-5 .p2{border:1px solid transparent;} .TO12-li2-5 .p2 span{border-left:1px solid transparent;} .TO12-li2-5 .p2 span b{background-color:rgba(255,255,255,0.8)} .TO12-li2-5 .p3{border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;} .TO12-li2-5 .p3 span{border-left:1px solid transparent;} .TO12-li2-5 .p3 span b{background-color:rgba(255,255,255,1)} .TO12-li2-5 .p4{border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;} .TO12-li2-5 .p4 span{border-left:1px solid transparent;} .TO12-li2-5 .p4 span b{background-color:rgba(255,255,255,0.8)} .TO12-li2-5 .p5{border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;} .TO12-li2-5 .p5 span{border-left:1px solid transparent;} .TO12-li2-5 .p5 span b{background-color:rgba(255,255,255,1)} .TO12-li2-6 .p1{border-bottom:1px solid transparent;border-top:1px solid transparent;} .TO12-li2-6 .p1 span{border-left:1px dotted #74787a;background-color:rgba(255,255,255,1);} .TO12-li2-6 .p2 span{border-left:1px dotted #74787a;border-bottom:1px dotted #74787a;background-color:rgba(255,255,255,0.8);} .TO12-li2-6 .p3 span{border-left:1px dotted #74787a;border-bottom:1px dotted #74787a;background-color:rgba(255,255,255,1)} .TO12-li2-6 .p4 span{border-left:1px dotted #74787a;border-bottom:1px dotted #74787a;background-color:rgba(255,255,255,0.8)} .TO12-li2-6 .p5{border-bottom:1px solid transparent;} .TO12-li2-6 .p5 span{border-left:1px dotted #74787a;background-color:rgba(255,255,255,1);} .TO12-li2>.TO12-li2-6>.TO12-li2-view p span:nth-child(1){border-left:1px dotted #74787a;} .TO12-li2>.TO12-li2-6>.TO12-li2-view p span:nth-child(5){border-right:1px dotted #74787a;} .TO12-li2-7 .p1{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff} .TO12-li2-7 .p1 span{border-left:1px solid #fff;} .TO12-li2-7 .p1 span b{background-color:rgba(255,255,255,0.7)} .TO12-li2-7 .p1 span:nth-child(1) b{background-color:rgba(255,255,255,0)} .TO12-li2-7 .p2{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} .TO12-li2-7 .p2 span{border-left:1px solid #fff;} .TO12-li2-7 .p2 span b{background-color:rgba(255,255,255,0.85)} .TO12-li2-7 .p2 span:nth-child(1) b{background-color:rgba(255,255,255,0)} .TO12-li2-7 .p3{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} .TO12-li2-7 .p3 span{border-left:1px solid #fff;} .TO12-li2-7 .p3 span b{background-color:rgba(255,255,255,0.7)} .TO12-li2-7 .p3 span:nth-child(1) b{background-color:rgba(255,255,255,0)} .TO12-li2-7 .p4{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} .TO12-li2-7 .p4 span{border-left:1px solid #fff;} .TO12-li2-7 .p4 span b{background-color:rgba(255,255,255,0.85)} .TO12-li2-7 .p4 span:nth-child(1) b{background-color:rgba(255,255,255,0)} .TO12-li2-7 .p5{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} .TO12-li2-7 .p5 span{border-left:1px solid #fff;} .TO12-li2-7 .p5 span b{background-color:rgba(255,255,255,0.7)} .TO12-li2-7 .p5 span:nth-child(1) b{background-color:rgba(255,255,255,0)} .TO12-li2-8 .p1{border-bottom:2px solid #fff;} .TO12-li2-8 .p1 span{border-left:1px dotted #000;background-color:rgba(255,255,255,0);} .TO12-li2-8 .p2{border-left:1px solid transparent;border-right:1px solid transparent;} .TO12-li2-8 .p2 span{border-left:1px dotted #000;border-bottom:1px dotted #000;background-color:rgba(255,255,255,0.4);} .TO12-li2-8 .p3{border-left:1px solid transparent;border-right:1px solid transparent;} .TO12-li2-8 .p3 span{border-left:1px dotted #000;border-bottom:1px dotted #000;background-color:rgba(255,255,255,0);} .TO12-li2-8 .p4{border-left:1px solid transparent;border-right:1px solid transparent;} .TO12-li2-8 .p4 span{border-left:1px dotted #000;border-bottom:1px dotted #000;background-color:rgba(255,255,255,0.4);} .TO12-li2-8 .p5{border-left:1px solid transparent;border-right:1px solid transparent;} .TO12-li2-8 .p5 span{border-left:1px dotted #000;background-color:rgba(255,255,255,0);} /*表格-对齐*/ .TO13{padding:12px 0px 3px 2px;} .TO13-li1{height:24px;font-size:0px;white-space: nowrap;} .TO13-li1 p{height:24px;cursor:pointer;margin-left:10px;font-size:14px;display:inline-block;vertical-align:middle;} .TO13-li1 .sp1{ float:left; width:14px; height:14px; margin-top:5px; border:1px solid var(--corb08); margin-right:4px; line-height:10px; text-align:center; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:2px; } .TO13-li1 .sp2{float:left;line-height:24px;margin-right:5px;transition:var(--anims05);-webkit-transition:var(--anims05);} .TO13-li1 p:hover .sp1{border-color:var(--cora06);} .TO13-li1 p:hover .sp2{color:var(--cora06);} .TO13-li1 .add .sp1{border-color:var(--cora06);background-color:var(--cora06);} .TO13-li1 .add .sp2{color:var(--cora06);} .TO13-li2{font-size:0px;text-align:center;width:200px;margin:6px auto 0px;} .TO13-li2 p{display:inline-block;vertical-align:middle;width:50px;vertical-align:middle;height:50px;padding:6px;} .TO13-li2 p span{ display:block; border-radius:2px; width:100%; height:100%; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); text-align:center; line-height:38px; } .TO13-li2 p span:hover{background-color:var(--corb03);} .TO13-li2 .add span{background-color:var(--corb04) !important;} /*表格-边框*/ .TO14{padding:12px 12px 0px;} .TO14-li1{height:26px;font-size:0px;white-space:nowrap;} .TO14-li1 .p1{line-height:26px;margin-right:5px;display:inline-block;vertical-align:middle;font-size:14px;} .TO14-li1 .d1{ display:inline-block; vertical-align:middle; width:80px; height:26px; border:1px solid var(--corb07); border-radius:4px; position:relative; transition:var(--anims05); -webkit-transition:var(--anims05); cursor:pointer; padding:0px 5px 0px 8px; font-size:14px; } .TO14-li1 .d1 span{float:left;line-height:24px;} .TO14-li1 .d1 svg{float:right;margin-top:9px;transition:var(--anims05);-webkit-transition:var(--anims05);} .TO14-li1 .d1:hover{border-color:var(--corb08);} .TO14-li1 .d1:hover svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);} .TO14-li1 .d2{ position:absolute; top:30px; width:94px; box-shadow:var(--shade02); height:216px; right:0px; transition:var(--anims25); -webkit-transition:var(--anims25); background-color:var(--corb01); border-radius:4px; overflow:hidden; height:0px; opacity:0; z-index:6; border:1px solid var(--corb07); } .TO14-li1 .ul1{padding:8px 12px 0px 12px;} .TO14-li1 .li1{ height:24px; line-height:24px; margin-top:4px; padding-left:12px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); } .TO14-li1 .li1:hover{background-color:var(--corb03);} .TO14-li1 .li1:active{background-color:var(--corb04);} .TO14-li2{height:26px;margin-top:10px;font-size:0px;white-space:nowrap;} .TO14-li2 .p1{line-height:26px;margin-right:5px;display:inline-block;vertical-align:middle;font-size:14px;} .TO14-li2 .d1{ display:inline-block; vertical-align:middle; font-size:14px; width:80px; height:26px; border:1px solid var(--corb07); border-radius:4px; position:relative; transition:var(--anims05); -webkit-transition:var(--anims05); cursor:pointer; padding:0px 5px 0px 8px; } .TO14-li2 .d1 span{float:left;line-height:24px;} .TO14-li2 .d1 svg{float:right;margin-top:9px;transition:var(--anims05);-webkit-transition:var(--anims05);} .TO14-li2 .d1:hover{border-color:var(--corb08);} .TO14-li2 .d1:hover svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);} .TO14-li2 .d2{ position:absolute; top:30px; width:94px; box-shadow:var(--shade02); height:216px; right:0px; transition:var(--anims25); -webkit-transition:var(--anims25); background-color:var(--corb01); border-radius:4px; overflow:hidden; height:0px; opacity:0; z-index:5; border:1px solid var(--corb07); } .TO14-li2 .ul1{padding:8px 12px 0px 12px;} .TO14-li2 .li1{ height:24px; line-height:24px; margin-top:4px; padding-left:12px; border-radius:4px; transition:var(--anims05); -webkit-transition:var(--anims05); } .TO14-li2 .li1:hover{background-color:var(--corb03);} .TO14-li2 .li1:active{background-color:var(--corb04);} .TO14-li3{height:26px;margin-top:10px;} .TO14-li3 .p1{float:left;line-height:26px;margin-right:5px;} .TO14-li3 .p2{ float:left; width:22px; height:22px; margin-top:2px; border-radius:2px; transition:var(--anims75); -webkit-transition:var(--anims75); cursor:pointer; } .TO14-li3 .p2:hover{transform:scale(1.1);transform:-o-scale(1.1);transform:-ms-scale(1.1);transform:-moz-scale(1.1);transform:-webkit-scale(1.1);} .TO14-li4{height:26px;margin-top:10px;font-size:0px;white-space:nowrap;} .TO14-li4 p{height:26px;cursor:pointer;display:inline-block;vertical-align:middle;} .TO14-li4 p .sp1{ float:left; width:12px; height:12px; border-radius:10px; border:1px solid var(--corb07); margin:7px 5px 0px 0px; transition:var(--anims05); -webkit-transition:var(--anims05); } .TO14-li4 p .sp1 i{float:left;width:6px;height:6px;border-radius:10px;margin:2px 0px 0px 2px;transition:var(--anims05);-webkit-transition:var(--anims05);} .TO14-li4 p .sp2{float:left;line-height:26px;transition:var(--anims05);-webkit-transition:var(--anims05);font-size:14px;} .TO14-li4 p:hover .sp1{border-color:var(--cora06);} .TO14-li4 p:hover .sp2{color:var(--cora06);} .TO14-li4 .p1{margin-right:20px;} .TO14-li4 .add .sp1{border-color:var(--cora06);} .TO14-li4 .add .sp1 i{background-color:var(--cora06);} .TO14-li4 .add .sp2{color:var(--cora06);} .TO14-li5{height:26px;margin-top:10px;font-size:0px;white-space:nowrap;} .TO14-li5 .p1{line-height:26px;margin-right:5px;display:inline-block;vertical-align:middle;font-size:14px;} .TO14-li5 .p2{ display:inline-block; vertical-align:middle; font-size:14px; width:80px; height:26px; border:1px solid var(--corb07); border-radius:4px; position:relative; transition:var(--anims05); -webkit-transition:var(--anims05); cursor:pointer; } .TO14-li5 .p2:hover{border-color:var(--corb08);} .TO14-li5 .p2.logn-focus{border-color:var(--cora07);} .TO14-li5 .p2 input{width:100%;height:100%;padding:0px 5px 0px 10px;border-radius:4px;} .TO14-li6{height:26px;margin-top:10px;font-size:0px;white-space:nowrap;} .TO14-li6 .p1{line-height:26px;margin-right:5px;display:inline-block;vertical-align:middle;font-size:14px;} .TO14-li6 .p2{ display:inline-block; vertical-align:middle; font-size:14px; width:80px; height:26px; border:1px solid var(--corb07); border-radius:4px; position:relative; transition:var(--anims05); -webkit-transition:var(--anims05); cursor:pointer; } .TO14-li6 .p2:hover{border-color:var(--corb08);} .TO14-li6 .p2.logn-focus{border-color:var(--cora07);} .TO14-li6 .p2 input{width:100%;height:100%;padding:0px 5px 0px 10px;border-radius:4px;} .TO14 p .unit1, .TO14 p .unit2{position:absolute;font-size:12px;top:0px;right:24px;color:var(--corb08);} .TO14 p .unit1{line-height:24px;} .TO14 p .unit2{line-height:22px;} .TO14 p .up, .TO14 p .down{ position:absolute; right:0px; height:12px; width:20px; cursor:pointer; background-color:var(--corb06); text-align:center; padding-left:4px; transition:var(--anims03); -webkit-transition:var(--anims03); } .TO14 p .up svg, .TO14 p .down svg{float:left;} .TO14 p .up .fill, .TO14 p .down .fill{fill:var(--corb11);transition:var(--anims03);-webkit-transition:var(--anims03);} .TO14 p .up{top:0px;} .TO14 p .down{bottom:0px;} .TO14 p .up:hover, .TO14 p .down:hover{background-color:var(--corb07);} .TO14 p .none{cursor:no-drop;} .TO14 p .none .fill{fill:var(--corb07);} .TO14 p .none:hover{background-color:var(--corb06);} .TO14-li7{ width:146px; height:30px; margin:15px auto 0px; text-align:center; line-height:30px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; } .TO14-li7:hover{background-color:var(--corb03);} .TO14-li7:active{background-color:var(--corb04);} /*表格-插入列 | 插入行*/ .TO15{padding:12px 12px 0px;} .TO15-li1{height:26px;font-size:0px;white-space:nowrap;} .TO15-li1 p{display:inline-block;vertical-align:middle;} .TO15-li1 .p1{line-height:26px;font-size:14px;} .TO15-li1 .p2{ width:80px; height:26px; border:1px solid var(--corb07); border-radius:4px; position:relative; transition:var(--anims05); -webkit-transition:var(--anims05); cursor:pointer; } .TO15-li1 .p2:hover{border-color:var(--corb08);} .TO15-li1 .p2.logn-focus{border-color:var(--cora07);} .TO15-li1 .p2 input{width:100%;height:100%;padding:0px 5px 0px 10px;border-radius:4px;text-align:left;} .TO15-li1 p .up, .TO15-li1 p .down{ position:absolute; right:0px; height:12px; width:20px; cursor:pointer; background-color:var(--corb06); text-align:center; padding-left:4px; transition:var(--anims03); -webkit-transition:var(--anims03); } .TO15-li1 p .up svg, .TO15-li1 p .down svg{float:left;} .TO15-li1 p .up .fill, .TO15-li1 p .down .fill{fill:var(--corb11);transition:var(--anims03);-webkit-transition:var(--anims03);} .TO15-li1 p .up{top:0px;} .TO15-li1 p .down{bottom:0px;} .TO15-li1 p .up:hover, .TO15-li1 p .down:hover{background-color:var(--corb07);} .TO15-li1 p .none{cursor:no-drop;} .TO15-li1 p .none .fill{fill:var(--corb07);} .TO15-li1 p .none:hover{background-color:var(--corb06);} .TO15-li2{height:26px;font-size:0px;text-align:center;margin-top:10px;cursor:pointer;} .TO15-li2 p{display:inline-block;vertical-align:middle;} .TO15-li2 .p1{ width:14px; height:14px; border:1px solid var(--corb08); margin-right:4px; line-height:10px; text-align:center; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:2px; } .TO15-li2 .p2{line-height:26px;font-size:14px;transition:var(--anims05);-webkit-transition:var(--anims05);} .TO15-li2:hover .p1{border-color:var(--cora06);} .TO15-li2:hover .p2{color:var(--cora06);} .TO15-li2.add .p1{border-color:var(--cora06);background-color:var(--cora06);} .TO15-li2.add .p2{color:var(--cora06);} .TO15-li3{ text-align:center; height:32px; line-height:32px; border-radius:4px; margin-top:4px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); background-color:var(--corb03); } .TO15-li3:hover{background-color:var(--corb04);} /*表格-内距*/ .TO16{padding:2px 0px 0px 12px;} .TO16-li{height:26px;margin-top:10px;} .TO16-li p{float:left;} .TO16-li .p1{line-height:26px;} .TO16-li .p2{ float:left; width:80px; height:26px; border:1px solid var(--corb07); border-radius:4px; position:relative; transition:var(--anims05); -webkit-transition:var(--anims05); cursor:pointer; } .TO16-li .p2:hover{border-color:var(--corb08);} .TO16-li .p2.logn-focus{border-color:var(--cora07);} .TO16-li .p2 input{width:100%;height:100%;padding:0px 5px 0px 10px;border-radius:4px;} .TO16-li p .unit1, .TO16-li p .unit2{position:absolute;font-size:12px;top:0px;right:24px;color:var(--corb08);} .TO16-li p .unit1{line-height:24px;} .TO16-li p .unit2{line-height:22px;} .TO16-li p .up, .TO16-li p .down{ position:absolute; right:0px; height:12px; width:20px; cursor:pointer; background-color:var(--corb06); text-align:center; padding-left:4px; transition:var(--anims03); -webkit-transition:var(--anims03); } .TO16-li p .up svg, .TO16-li p .down svg{float:left;} .TO16-li p .up .fill, .TO16-li p .down .fill{fill:var(--corb11);transition:var(--anims03);-webkit-transition:var(--anims03);} .TO16-li p .up{top:0px;} .TO16-li p .down{bottom:0px;} .TO16-li p .up:hover, .TO16-li p .down:hover{background-color:var(--corb07);} .TO16-li p .none{cursor:no-drop;} .TO16-li p .none .fill{fill:var(--corb07);} .TO16-li p .none:hover{background-color:var(--corb06);} /*表格-单元格对齐方式*/ .TO17{padding:9px 0px 0px 9px;font-size:0px;text-align:left;} .TO17-li{display:inline-block;vertical-align:middle;width:32px;height:32px;padding:3px;} .TO17-li p{ width:26px; height:26px; line-height:26px; text-align:center; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; } .TO17-li p:hover{background-color:var(--corb03);} .TO17-li p:active{background-color:var(--corb04);} /*表格-表格样式*/ .TO18{padding:10px 12px 0px;} .TO18-li1{padding:2px 0px;height:36px;} .TO18-li1 .p1{ cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; padding-left:6px; height:32px; white-space:nowrap; font-size:0px; } .TO18-li1 .p1:hover{background-color:var(--corb03);} .TO18-li1 .p1:active{background-color:var(--corb04);} .TO18-li1 .p1 span{display:inline-block;vertical-align:middle;} .TO18-li1 .p1 .sp1{width:26px;height:26px;font-size:0px;line-height:26px;text-align:center;} .TO18-li1 .p1 .sp2{line-height:32px;margin-left:3px;font-size:14px;} .TO18-li2{padding:5px 0px 0px 6px;height:36px;} .TO18-li2 .p1{width:26px;height:26px;font-size:0px;line-height:26px;text-align:center;float:left;} .TO18-li2 .p2{ float:left; width:52px; height:26px; border:1px solid var(--corb07); border-radius:4px; position:relative; transition:var(--anims05); -webkit-transition:var(--anims05); cursor:pointer; } .TO18-li2 .p2 input{width:100%;height:100%;padding:0px 5px;border-radius:4px;} .TO18-li2 .p2:hover{border-color:var(--corb08);} .TO18-li2 .p2.logn-focus{border-color:var(--cora07);} .TO18-li2 .p2 span{position:absolute;top:0px;right:5px;line-height:24px;font-size:12px;} .TO18-li2 .p3{float:left;line-height:26px;margin-left:5px;} /*编辑器右键*/ .TO19{padding:9px 12px;} .TO19-li{padding:3px 0px;position:relative;} .TO19-li .p1{cursor:pointer;transition:var(--anims05);-webkit-transition:var(--anims05);border-radius:4px;padding-left:10px;height:32px;} .TO19-li .p1:hover{background-color:var(--corb03);} .TO19-li .p1:active{background-color:var(--corb04);} .TO19-li .p1 .sp1{width:20px;height:20px;font-size:0px;line-height:20px;text-align:center;margin-top:6px;float:left;} .TO19-li .p1 .sp2{line-height:32px;float:left;margin-left:10px;} .TO19-li .p1 .sp3{float:left;font-size:12px;line-height:32px;margin-left:5px;color:var(--corb08);} /*边距*/ .TO20{padding:12px 0px;overflow:hidden;} .TO20-li01{height:26px;font-size:0px;text-align:left;padding:0px 12px;} .TO20-li01 p{display:inline-block;vertical-align:middle;cursor:pointer;} .TO20-li01 .p1{margin-right:10px;} .TO20-li01 .p1 .sp1{ float: left; width: 14px; height: 14px; margin-top:7px; border: 1px solid var(--corb07); margin-right: 4px; line-height: 10px; text-align: center; transition: var(--anims05); -webkit-transition: var(--anims05); border-radius: 2px;} .TO20-li01 .p1 .sp2{ float:left; line-height:26px; transition: var(--anims05); -webkit-transition: var(--anims05); font-size:14px; } .TO20-li01 .p1:hover .sp1{border-color:var(--cora05);} .TO20-li01 .p1_add .sp1{border-color:var(--cora06);background-color:var(--cora06);} .TO20-li01 .p2{ font-size:14px; border:1px solid var(--corb04); height:26px; line-height:24px; padding:0px 10px; border-radius:20px; } .TO20-li01 .p2 .sp2{display:none;} .TO20-li01 .p2_add .sp1{display:none;} .TO20-li01 .p2_add .sp2{display:block;} .TO20-li01 .p3{font-size:12px;float:right;height:26px;line-height:26px;color:var(--corg01);cursor:inherit;} .TO20-li02{padding:1px 12px 0px;overflow:hidden;} .TO20-li02-list{ width:240px; height:116px; border-radius:2px; background-color:#f8f8f8; padding:4px 0px 8px 8px; margin:8px auto 0px; display:none; cursor:pointer; transition: var(--anims05); -webkit-transition: var(--anims05); } .TO20-li02-list:hover{border-color:var(--corb07);} .TO20-li02-list.TO20-li02-show{display:block;} .TO20-li02-a{height:18px;line-height:18px;font-size:12px;color:var(--corb08);} .TO20-li02-a p{float:left;} .TO20-li02-a .p1{width:30px;text-align:left;} .TO20-li02-a .p2, .TO20-li02-a .p3, .TO20-li02-a .p4, .TO20-li02-a .p5{width:44px;text-align:center;} .TO20-li02-a .p3, .TO20-li02-a .p4, .TO20-li02-a .p5{margin-left:6px;} .TO20-li02-b{height:20px;line-height:20px;font-size:12px;margin-top:6px;} .TO20-li02-b p{float:left;} .TO20-li02-b input{width:100%;height:18px;border-radius:4px;text-align:center;font-family:inherit;background-color:transparent;} .TO20-li02-b .p1{width:30px;text-align:left;} .TO20-li02-b .p2, .TO20-li02-b .p3, .TO20-li02-b .p4, .TO20-li02-b .p5{width:44px;height:20px;border:1px solid var(--corb07);border-radius:4px;transition: var(--anims05);-webkit-transition: var(--anims05);} .TO20-li02-b .p3, .TO20-li02-b .p4, .TO20-li02-b .p5{margin-left:6px;} .TO20-li02-c{height:20px;line-height:20px;font-size:12px;margin-top:6px;} .TO20-li02-c p{float:left;} .TO20-li02-c input{width:100%;height:18px;border-radius:4px;text-align:center;font-family:inherit;background-color:transparent;} .TO20-li02-c .p1{width:30px;text-align:left;} .TO20-li02-c .p2, .TO20-li02-c .p3, .TO20-li02-c .p4, .TO20-li02-c .p5{width:44px;height:20px;border:1px solid var(--corb07);border-radius:4px;transition:var(--anims05);-webkit-transition: var(--anims05);} .TO20-li02-c .p3, .TO20-li02-c .p4, .TO20-li02-c .p5{margin-left:6px;} .TO20-li02-d{height:26px;margin-top:8px;} .TO20-li02-d p{float:left;} .TO20-li02-d .p1{width:30px;text-align:left;font-size:12px;line-height:26px;} .TO20-li02-d .p2{ float:left; width:80px; height:26px; border:1px solid var(--corb07); border-radius:4px; position:relative; cursor:pointer; margin-right:8px; } .TO20-li02-d .p2 input{width:100%;height:100%;padding:0px 5px 0px 10px;border-radius:4px;background-color:transparent;} .TO20-li02-d .p2 .unit1, .TO20-li02-d .p2 .unit2{position:absolute;font-size:12px;top:0px;right:24px;color:var(--corb08);} .TO20-li02-d .p2 .unit1{line-height:24px;} .TO20-li02-d .p2 .unit2{line-height:22px;} .TO20-li02-d .p2 .up, .TO20-li02-d .p2 .down{ position:absolute; right:0px; height:12px; width:20px; cursor:pointer; background-color:var(--corb06); text-align:center; padding-left:4px; transition:var(--anims03); -webkit-transition:var(--anims03); } .TO20-li02-d .p2 .up svg, .TO20-li02-d .p2 .down svg{float:left;} .TO20-li02-d .p2 .up .fill, .TO20-li02-d .p2 .down .fill{fill:var(--corb11);transition:var(--anims03);-webkit-transition:var(--anims03);} .TO20-li02-d .p2 .up{top:0px;} .TO20-li02-d .p2 .down{bottom:0px;} .TO20-li02-d .p2 .up:hover, .TO20-li02-d .p2 .down:hover{background-color:var(--corb07);} .TO20-li02-d .p2 .none{cursor:no-drop;} .TO20-li02-d .p2 .none .fill{fill:var(--corb07);} .TO20-li02-d .p2 .none:hover{background-color:var(--corb06);} .TO20-li02-d .p3{font-size:12px;height:26px;line-height:26px;padding:0px 6px;transition:var(--anims03);-webkit-transition:var(--anims03);} .TO20-li02-d .p3:hover{color:var(--cora05);} .TO20-li02-d .p3:active{color:var(--cora07);} .TO20-li02-d .p3_add{color:var(--cora06);} /*转为图片*/ .TO21{padding:10px 12px;} .TO21-li{padding:2px 0px;position:relative;white-space:nowrap;font-size:14px;} .TO21-li p{cursor:pointer;transition:var(--anims05);-webkit-transition:var(--anims05);border-radius:4px;padding-left:10px;height:32px;line-height:32px;} .TO21-li p:hover{background-color:var(--corb03);} .TO21-li p:active{background-color:var(--corb04);} /*.TO04-li .p1:hover{background-color:var(--corb03);} .TO04-li .p1:active{background-color:var(--corb04);} .TO04 .addbg{background-color:var(--corb03);} .TO04-li .p1 .sp1{width:20px;height:20px;font-size:0px;line-height:20px;text-align:center;display:inline-block;vertical-align:middle;} .TO04-li .p1 .sp2{line-height:32px;margin-left:10px;display:inline-block;vertical-align:middle;font-size:14px;} .TO04-li .p1 .sp3{width:20px;height:20px;font-size:0px;line-height:20px;text-align:center;float:right;margin-top:6px;} .TO04-li1{padding:2px 10px;} .TO04-li1 p{height:1px;background-color:var(--corb04);}*/ /*编辑器-表格右键*/ .TOH{ position:fixed; z-index:300; transition:var(--anims23); -webkit-transition:var(--anims23); overflow:hidden; background-color:var(--corb01); box-shadow:var(--shade02); border-radius:6px; height:0px; opacity:0; } .TOH-animate{transition:var(--anims03);-webkit-transition:var(--anims03);} .TOH>ul{background-color:var(--corb01);border:1px solid var(--corb07);width:100%;height:100%;border-radius:6px;} .TOH svg{vertical-align:middle;} .TOH input::-webkit-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TOH input::-moz-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TOH input::-ms-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TOH .TO-move-chose p{background-color:var(--corb03);} /*编辑器-右键*/ .TOI{ position:fixed; z-index:300; transition:var(--anims23); -webkit-transition:var(--anims23); overflow:hidden; background-color:var(--corb01); box-shadow:var(--shade02); border-radius:6px; height:0px; opacity:0; } .TOI-animate{transition:var(--anims03);-webkit-transition:var(--anims03);} .TOI>ul{background-color:var(--corb01);border:1px solid var(--corb07);width:100%;height:100%;border-radius:6px;} .TOI svg{vertical-align:middle;} .TOI input::-webkit-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TOI input::-moz-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} .TOI input::-ms-input-placeholder{color:var(--corb07);letter-spacing: 0px;font-size: 12px;} /*编辑区空白处 右键*/ .no_color_cover_mask,.drag-bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0; margin: auto;z-index:190; display: none;} .drag-bg{display: block;} .C-right-key{position:absolute;z-index:800;width:159px;height:170px;overflow: hidden;background:#fff;box-shadow: 0px 6px 30px 5px rgba(0,0,0,0.05), 0px 16px 24px 2px rgba(0,0,0,0.04), 0px 8px 10px -5px rgba(0,0,0,0.08);border-radius: 6px;} .C-right-key ul{padding:12px;overflow: hidden;} .C-right-key ul li{width: 135px;font-size: 14px;line-height: 22px;background: #fff;transition: var(--anims02);border-radius: 3px;margin-bottom: 6px;} .C-right-key ul li:last-child{margin-bottom: 0;} .C-right-key ul li span{float: left;width: 16px;height: 16px;margin: 3px 6px 3px 0;} .C-right-key ul li a{padding:5px 12px;width: 135px;font-size: 14px;line-height: 22px;overflow: hidden;display: block;} .C-right-key ul li:hover{background: #F0F0F0;} /*在编辑器内部裁剪css*/ #new_cut_cover{ position:absolute;left:0px;top:0px; background:rgba(0, 0, 0, 0.4); width:100%; /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/ height:100%; filter:alpha(opacity=60); /*设置透明度为60%*/ opacity:0.6; /*非IE浏览器下设置透明度为60%*/ display:none; z-Index:100; } #new_cut{ position:absolute; background-color:#fff; display:none; cursor:pointer; z-Index:101; } .R-cut-set { width: 100px; position: absolute; /* bottom: 0; */ display: block; } .R-cut-set div { margin-bottom: 10px; width: 100px; height: 30px; text-align: center; color: #333; border: 1px solid #dedede; background-color: #fff; line-height: 30px; border-radius: 3px; position: relative; font-size: 14px; transition: var(--anims03); -webkit-transition: var(--anims03); } .R-cut-set div:last-child{ margin-bottom: 0; } .R-cut-set div::after{ content: ''; border-bottom: 10px solid #07c160; border-left: 10px solid transparent; position: absolute; right:0; bottom:0; opacity: 0; } .R-cut-set div:hover{ border: 1px solid #07c160; } .R-cut-set div:hover::after{ opacity: 1; } .R-cut-set .adds { border: 1px solid #07c160; } .R-cut-set .adds::after{ opacity: 1; } .R-cut-slider{ padding: 0 5px; position: absolute; background: var(--corb01); border-radius: 4px; } .R-cut-slider .img_cut_progress{float:left;margin:15px 5px;height: 10px;position: relative } .R-cut-slider .img_cut_progress_inner{position: absolute;left: 0;right: 0;top:0;bottom:0;background: var(--corb07);border-radius: 32px;z-index:1;} .R-cut-slider .img_cut_progress_round{position: absolute;width:15px;height: 15px;border-radius: 50%;border: 1px solid var(--corb07);background: var(--corb01);top: -3px;left: calc(50% - 8px); z-index:3;)} .R-cut-slider .img_cut_progress_out{position: absolute;width: 50%;background: var(--corb01);top: 1px;bottom: 1px;left:1px;right:1px;z-index:2;border-radius: 32px;} .R-cut-slider .img_cut_progress_round:hover,.text-rotate-view .img_cut_progress_round:active{border-color: var(--corb11);background: var(--corb01)} .R-cut-slider .setca{ float: left; width: 65px; height: 26px; text-align: center; margin-top: 8px; line-height: 24px; border-radius: 5px; margin-left: 5px; } .R-cut-slider .wanc{ background-color: var(--cora06); border: 1px solid var(--cora06); color: var(--corb01); -webkit-transition:var(--anims03); transition: var(--anims03); } .R-cut-slider .wanc:hover{ background-color: var(--cora05); } .R-cut-slider .caiguanbis{ color: var(--corb13); border: 1px solid var(--corb04); background-color: var(--corb01); } /*表情*/ /*内容部分*/ .EMO{padding:10px;background: #fff;} .EMO-view{width:100%;border:1px solid #eee;} /*选项卡*/ .EMO-nav{background-color:#eee;height:30px;line-height:30px;font-size:12px;color:#666;} .EMO-nav li{float:left;letter-spacing:1px;padding:0px 5px;cursor:pointer;} .EMO-nav .EMO-nav-li{background-color:#fff;} /*图片展示区*/ .EMO-cont{width:100%;padding:15px;overflow-y: scroll;max-height:310px;} .EMO-ul{font-size:0;display:none;border:1px solid var(--corb07);display: grid;grid-template-columns: repeat(8, 1fr);border-collapse: collapse;} .EMO-ul li{border:1px solid var(--corb07);cursor: pointer;text-align: center;padding:5px;} .EMO-ul li:hover{background-color:#f0f0f0;} .EMO-ul:nth-child(1),.EMO-ul:nth-child(2),.EMO-ul:nth-child(4),.EMO-ul:nth-child(7){grid-template-columns: repeat(10, 1fr);} .EMO-ul:nth-child(1){grid-template-columns: repeat(auto-fill, minmax(10, 1fr)) !important;} .EMO-ul:nth-child(1) li img{width:26px;} .EMO-ul li:last-child{outline:1px solid var(--corb07);} .EMO-tip{font-size:13px;color:#f00;letter-spacing:1px;margin-left:10px;margin-top:10px;} /*三级字体*/ .xiusanji{ width:40px; height:20px; line-height:20px; font-size:12px; color:var(--corb01); background-color:var(--cora06); border-radius:20px; cursor:pointer; -webkit-transition:var(--anims03); transition: var(--anims03); position:absolute; text-align:center; z-index:300; } .xiusanji:hover{background-color:var(--cora05);} .xiusanji:active{background-color:var(--cora07);} /*超链接工具条*/ #link_content_view{ position:absolute; z-index:100; background:rgb(255, 255, 255); box-shadow:rgba(0, 0, 0, 0.08) 0px 2px 12px 0px; border-radius: 6px; padding: 10px; font-size: 12px; line-height: 1.5; border:1px solid var(--corb07); } #link_content_view .edui-clickable{cursor:pointer;transition:var(--anims03);-webkit-transition:var(--anims03);} #link_content_view .edui-clickable:hover{color:var(--cora06);} .FR{background-color:var(--corb01);width:320px;height:220px;position: absolute;z-index: 999 !important;cursor: move;box-shadow:var(--shade03);border-radius:4px;transition: var(--anims13);display:none;} /* 关闭按钮 */ .FR-close{width: 30px;height: 30px;font-size: 0px;position: absolute;top: 5px;right: 5px;line-height: 30px;text-align: center;cursor: pointer;} .FR-close svg {vertical-align: middle;} .FR-close .stroke{stroke: var(--corb07);transition: var(--anims03);-webkit-transition: var(--anims03);} .FR-close:hover .stroke{stroke:var(--corb13);} .FR-close:active .stroke{stroke:var(--cora07);} .FR-view{padding:14px 20px 0;} /* 导航部分 */ .FR-nav{font-size:0;cursor:auto;display:inline-block} .FR-nav p{display:inline-block;width:38px;border-bottom:1px solid transparent;height:28px;line-height:28px;font-size:15px;text-align: center;transition:var(--anims03);-webkit-transition:var(--anims03);margin-right:26px;cursor: pointer;} .FR-nav .FR-nav-on{color:var(--cora06);border-color: var(--cora06);} /* 内容区域 */ .FR-cont{height:110px;transition: var(--anims13);overflow: hidden;cursor: auto;} .FR-cont>div{width:100%;height:100%;} /* 输入框 */ .FR-inp { display: inline-block;height:32px;width:272px;position: relative; border:1px solid var(--corb07); transition: var(--anims03); border-radius:4px;vertical-align: middle;} .FR-inp input{width: 100%; height: 100%; padding:10px 75px 10px 10px;font-family:inherit;border-radius:4px;} .FR-inp:hover { border-color: var(--corb08);} /* 文本清除按钮 */ .FR-clear {width: 16px;height: 16px; position: absolute; top: 8px;right:56px; background-color: var(--corb07); transition:var(--anims03);-webkit-transition:var(--anims03); stroke:var(--corb01); border-radius:50%; pointer-events: all;display:none;cursor: pointer;} .FR-clear:hover{background-color: var(--corb11);} .FR-inp-b .FR-clear{right:8px;} /* 文字数量 */ .FR-txt{font-size:14px;position: absolute;top:6px;right:16px;display:none;} /* 聚焦状态 */ .FR-inp.logn-focus{border-color:var(--cora07);} /* 清除按钮,文字的显示 */ .FR-inp.FR-inp-on:hover .FR-clear{display:block;} .FR-inp.FR-inp-on1 .FR-txt{display:block;} /* 查找部分 */ /* .FR-find{padding:16px 4px 0;} .FR-find-a{font-size:0;margin:0 0 12px;} .FR-find-a .spa1{font-size:14px;display:inline-block;vertical-align: middle;} */ /* 复选框 */ .FR-hint{padding:0 0 0 10px;} .FR-hint .hint-view{font-size: 12px;color:#f44;letter-spacing: 1px; display: inline-block;} .FR-check{font-size:0;width:97px;float: right;cursor: pointer;} .FR-check span{display:inline-block;vertical-align: middle;font-size:14px;height:22px;line-height:22px;} .FR-check .check-i{padding:5px 0 0;margin:0 8px 0 0;} .FR-check .check-i svg{display:block;} .FR-check .check-i .stroke{stroke:var(--corb07);transition:var(--anims03);-webkit-transition:var(--anims03);} .FR-check .check-i .stroke1{stroke:var(--corb01);} .FR-check:hover .check-i .stroke{stroke: var(--cora06);} /* 复选框选中状态 */ .FR-check-on .check-i .stroke{stroke: var(--cora06);} .FR-check-on .check-i .stroke1{display:block;} .FR-check-on .check-i svg{fill: var(--cora06);} /* 替换部分 */ .FR-rep{padding:16px 4px 0;} .FR-rep>div{margin:12px 0 0px;} .FR-rep-a{font-size:0;} .FR-rep-a .spa1{font-size:14px;display:inline-block;vertical-align: middle;} .FR-rep-b{font-size:0;} .FR-rep-b .spa1{font-size:14px;display:inline-block;vertical-align: middle;} /* 按钮部分 */ .FR-bom{font-size:0;text-align: center;position: absolute;bottom:22px;left:0;width:100%;} .FR-bom p{border-radius:3px;text-align: center;height:36px;line-height:36px;font-size:14px;cursor:not-allowed;transition: var(--anims03);-webkit-transition:var(--anims03);display:inline-block;} /* 查找按钮部分 */ .FR-bom1 p{width:90px;margin:0 28px 0;} /* 替换按钮部分 */ .FR-bom2 p{width:60px;margin:0 5px 0;} /* 按钮可点击状态 */ .FR-bom .FR-btn1{border: 1px solid var(--corb03);color:var( --corb11);} .FR-bom .FR-btn2{background-color: var(--cora04);color:var(--corb01);} .FR-btn1.FR-act:hover{background-color:var(--cora01);border-color:var(--cora03);color:var(--cora06);cursor: pointer;} .FR-btn1.FR-act:active{background-color:var(--cora01);border-color:var(--cora07);color: var(--cora07);} .FR-btn2.FR-act{background-color:var(--cora06);color:var(--corb01);cursor: pointer;} .FR-btn2.FR-act:hover{background-color:var(--cora05);} .FR-btn2.FR-act:active{background-color:var(--cora07);} /*老版本*/ .old_version{ position:absolute; right:100%; top:80px; z-index:6; width:100px; height:36px; background-color: var(--corb01); border-radius:4px 0px 0px 4px; cursor: pointer; transition: var(--anims05); -webkit-transition: var(--anims05); border-right: 1px solid transparent ; border-top: 1px solid #30b28d99; border-left: 1px solid #30b28d99; border-bottom: 1px solid #30b28d99; color:#30b28d99; overflow:hidden; } /*.old_version p{float:left;height:34px;line-height:34px;} .old_version .p1{width:30px;height:34px;line-height:30px;text-align:center;float:left;} .old_version .p1 svg{vertical-align:middle;-webkit-transform: rotate(180deg);transform: rotate(180deg);} .old_version .p1 .stroke{stroke:var(--cora05);transition:var(--anims05);-webkit-transition:var(--anims05);}*/ .old_version .p2{height:34px;line-height:34px;transition:var(--anims05);-webkit-transition:var(--anims05);text-align:center;} .old_version:hover{ border-right: 1px solid transparent ; border-top: 1px solid var(--cora04); border-left: 1px solid var(--cora04); border-bottom: 1px solid var(--cora04); background-color:#EBF8F4FF; } .old_version:active{ border-right: 1px solid transparent ; border-top: 1px solid var(--cora07); border-left: 1px solid var(--cora07); border-bottom: 1px solid var(--cora07); background-color:#EBF8F4FF; } .INDEX-small .old_version{width:34px !important;} /*左侧菜单*/ .CD{position:absolute;top:150px;right:100%;width:80px;z-index:6;transition:var(--anims05);-webkit-transition:var(--anims05);} .CD-ul:before{content:"";display:table;} .CD-ul:after{content:"";display:table;clear:both;} .CD-ul{*zoom:1;width:100%;} /*正常状态*/ .CD-li{ height:36px; width:100%; background-color:var(--corb02); border-radius:4px 0px 0px 4px; cursor:pointer; position:relative; right:0px; margin-bottom:10px; float:right; border-right:1px solid var(--corb07); border-top:1px solid transparent; border-left:1px solid transparent; border-bottom:1px solid transparent; transition:var(--anims05); -webkit-transition:var(--anims05); } .CD-li .p1, .CD-li .p2{ float:left; font-size:0px; width:28px; height:34px; line-height:34px; transition:var(--anims05); -webkit-transition:var(--anims05); text-align:center; overflow:hidden; } .CD-li .p1{display:none;} .CD-li .p1 svg{vertical-align:middle;} .CD-li .p1 .stroke{stroke:var(--corb13);transition:var(--anims05);-webkit-transition:var(--anims05);} .CD-li .p2{opacity:0;} .CD-li .p2 svg{vertical-align:middle;} .CD-li .p2 .stroke{stroke:var(--corb08);transition:var(--anims05);-webkit-transition:var(--anims05);} .CD-li:hover .p2{opacity:1;} .CD-li .p2:hover .stroke{stroke:var(--corb13);} .CD-li .p2:active .stroke{stroke:var(--cora07);} .CD-li .p3{ float:right; width:calc( 100% - 28px ); height:34px; overflow:hidden; line-height:34px; color:var(--corb08); transition:var(--anims05); -webkit-transition:var(--anims05); } .CD-li:hover .p3{color:var(--corb13);} .CD-li .p4{display:none;} .CD-li .p5{ float:left; font-size:0px; width:30px; height:34px; line-height:34px; transition:var(--anims05); -webkit-transition:var(--anims05); text-align:center; overflow:hidden; cursor:pointer; display:none; } .CD-li .p5 svg{vertical-align:middle;} .CD-li .p5 .stroke{stroke:var(--corb08);transition:var(--anims05);-webkit-transition:var(--anims05);} .CD-li:hover .p5 .stroke{stroke:var(--corb13);} .CD-li .p6{ position:absolute; top:-8px; left:-8px; height:16px; background-color:var(--corb07); border-radius:20px; line-height:16px; text-align:center; font-size:0px; transition:var(--anims05); -webkit-transition:var(--anims05); width:16px; opacity:0; display:none; cursor:pointer; } .CD-li .p6 svg{vertical-align:middle;} .CD-li .p6 .stroke{stroke:var(--corb01);} .CD-li .p6:hover{background-color:var(--corb08);} .CD-li:hover .p6{opacity:1;} /*选中*/ .CD-add{ background-color:var(--corb01); border-right:1px solid var(--corb01); border-top:1px solid var(--corb07); border-left:1px solid var(--corb07); border-bottom:1px solid var(--corb07); cursor:inherit; } .CD-add .p1{display:block;cursor:pointer;} .CD-add .p1:hover .stroke{stroke:var(--cora06);} .CD-add .p2{display:none;} .CD-add .p3{color:var(--corb13);} .CD-add .p5 .stroke{stroke:var(--corb13);} .CD-add:hover .p6{display:block;} /*修改*/ .CD-act{width:240px !important;} .CD-act .p2{display:none;} .CD-act .p3{display:none;} .CD-act .p4{display:block;width:calc( 100% - 30px );height:100%;float:right;padding-right:5px;} .CD-act .p4 input{width:100%;height:100%;} .CD-act .p6{display:none !important;} /*新建*/ .CD-new,.CD-clearAll{ height:36px; width:100%; background-color:var(--corb02); border-radius:4px 0px 0px 4px; cursor:pointer; position:relative; transition:var(--anims05); -webkit-transition:var(--anims05); border-right:1px solid var(--corb07); float:right; overflow:hidden; display: none; padding-left:0px; } .CD-new{margin-bottom: 10px;} .CD-new .sp1,.CD-clearAll .sp1{ font-size:0px; width:28px; height:20px; line-height:20px; margin:9px 0px 0px 0; transition:var(--anims05); -webkit-transition:var(--anims05); float:left; text-align:center; } .CD-new .sp1 svg,.CD-clearAll .sp1 svg{vertical-align:middle;} .CD-new .sp1 .stroke,.CD-clearAll .sp1 .stroke{stroke:var(--corb08);transition:var(--anims05);-webkit-transition:var(--anims05);} .CD-new .sp2,.CD-clearAll .sp2{ float:right; width:calc( 100% - 28px ); height:36px; line-height:36px; color:var(--corb08); transition:var(--anims05); -webkit-transition:var(--anims05); overflow:hidden; } .CD-new:hover .sp1 .stroke,.CD-clearAll:hover .sp1 .stroke{stroke:var(--corb13);} .CD-new:hover .sp2,.CD-clearAll:hover .sp2{color:var(--corb13);} /*右侧按钮*/ .CE{position:absolute;top:100px;left:100%;z-index:5;} .CE-li{ width:82px; height:42px; background-color:var(--corb01); margin-top:12px; cursor:pointer; border-radius:0px 4px 4px 0px; transition:var(--anims05); -webkit-transition:var(--anims05); overflow:hidden; border-width:1px 1px 1px 0px; border-style:solid; border-color:transparent; overflow:hidden; font-size:0px; white-space: nowrap; } .CE-li:hover{border-color:var(--cora04);background-color:#EBF8F4FF;} .CE-li:active{border-color:var(--cora07);background-color:#EBF8F4FF;} .CE-li p{display:inline-block;vertical-align:middle;} .CE-li .p1{width:40px;height:40px;line-height:40px;text-align:center;} .CE-li .p1 svg{vertical-align:middle;} .CE-li .p1 .stroke{stroke:var(--corb13);transition:var(--anims05);-webkit-transition:var(--anims05);} .CE-li .p1 .fill{fill:var(--corb13);transition:var(--anims05);-webkit-transition:var(--anims05);} .CE-li:hover .p1 .stroke{stroke:var(--cora05);} .CE-li:hover .p1 .fill{fill:var(--cora05);} .CE-li:active .p1 .stroke{stroke:var(--cora07);} .CE-li:active .p1 .fill{fill:var(--cora07);} .CE-li .p2{height:40px;line-height:40px;transition:var(--anims05);-webkit-transition:var(--anims05);font-size:14px;} .CE-li:hover .p2{color:var(--cora05);} .CE-li:active .p2{color:var(--cora07);} .CE .CE-li8-add{width:82px;border-color:var(--cora07);background-color:#EBF8F4FF;} .CE .CE-li8-add .p1 .stroke{stroke:var(--cora07);} .CE .CE-li8-add .p1 .fill{fill:var(--cora07);} .CE .CE-li8-add .p2{color:var(--cora07);opacity:1;} .CE-li.CE-li0 .p1 .stroke{stroke:var(--cora05);} /*编辑器底部模板*/ .CF{ position:absolute; width:100%; left:0px; bottom:0px; background-color:var(--corb02); height:30px; line-height:30px; padding-left:12px; color:var(--corb11); font-size:12px; } .CF-b, .CF-c, .CF-d{float:right;cursor:pointer;transition:var(--anims05);-webkit-transition:var(--anims05);} /*文字数和图片数*/ .CF-a{float:left;display:none;} .CF-a span{float:left;} .CF-h{float:left;display:none;} .CF-h span{float:left;} /*签名*/ .CF-b{padding:0px 10px;} .CF-b span{float:left;} .CF-b svg{float:left;margin-top:13px;transition:var(--anims05);-webkit-transition:var(--anims05);} .CF-b .sp2{margin-left:5px;} .CF-b .stroke{stroke:var(--corb11);transition:var(--anims05);-webkit-transition:var(--anims05);} .CF-b-add{color:var(--corb13);} .CF-b-add svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);} .CF-b-add .stroke{stroke:var(--corb13);} /*签名-弹出*/ .CF-g{ position:absolute; right:5px; bottom:35px; background-color:var(--corb01); z-index:999; box-shadow: var(--shade03); border-radius:5px; overflow:hidden; opacity:0; height:0px; transition:var(--anims25); -webkit-transition:var(--anims25); } .CF-g ul{ width:100px; height:100%; overflow:hidden; padding:6px 8px; text-align:center; } .CF-g ul li{padding:2px 0px;} .CF-g ul li p, .CF-g ul li a{ height:26px; line-height:26px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-radius:4px; width:100%; } .CF-g ul li a{display:block;} .CF-g ul li p:hover, .CF-g ul li a:hover{background-color:var(--corb03);} .CF-g ul li p:active, .CF-g ul li a:active{background-color:var(--corb04);} /*查错别字*/ .CF-c{position:relative;} .CF-c-a{padding:0px 10px;transition:var(--anims03);-webkit-transition:var(--anims03);} .CF-c-a:hover{color:var(--corb13);} .CF-c-b{position:absolute;right:-12px;bottom:29px;padding-bottom:12px;z-index:999;display:none;} .CF-c:hover .CF-c-b{display:block;} .CF-c-sel{ border: 1px solid var(--corb07); background-color:var(--corb01); width:292px; height:115px; padding:16px; box-shadow: var(--shade02); border-radius:5px; position:relative; } .CF-c-sel .p1{font-size:13px;line-height:28px;} .CF-c-sel .p1 span{font-size:0px;height:28px;display:inline-block;vertical-align:middle;margin-right:3px;} .CF-c-sel .p1 svg{vertical-align:middle;margin-top:-3px;} .CF-c-sel .p2{font-size:13px;height:28px;line-height:28px;} .CF-c-sel .p2 span{float:left;} .CF-c-sel .p2 .sp2{position:relative;top: 1px;margin:0 0 0 2px;} .CF-c-sel .p2 .sp2 .fill{fill: var(--corb13);} .CF-c-sel .p2 .sp7{color:var(--corg01);} .CF-c-sel .p3{height:16px;margin-top:10px;display:none;} .CF-c-sel .p3 a{ float:right; line-height:16px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-bottom:1px solid transparent; color:var(--corg01); } .CF-c-sel .p3 a:hover{border-color:var(--corg01);} .CF-c-sel .p4{ position:absolute; width:0px; border-width:9px; border-style:solid; border-color:#fff transparent transparent; bottom:-15px; left:222px; } /*查敏感词*/ .CF-d{position:relative;} .CF-d-a{padding:0px 10px;transition:var(--anims03);-webkit-transition:var(--anims03);} .CF-d-a:hover{color:var(--corb13);} .CF-d-b{position:absolute;right:-96px;bottom:29px;padding-bottom:12px;z-index:999;display:none;} .CF-d:hover .CF-d-b{display:block;} .CF-d-sel{ border: 1px solid var(--corb07); background-color:var(--corb01); width:292px; height:143px; padding:16px; box-shadow: var(--shade02); border-radius:5px; position:relative; } .CF-d-sel .p1{font-size:13px;line-height:28px;} .CF-d-sel .p1 span{font-size:0px;height:28px;display:inline-block;vertical-align:middle;margin-right:3px;} .CF-d-sel .p1 svg{vertical-align:middle;margin-top:-3px;} .CF-d-sel .p2{font-size:13px;height:28px;line-height:28px;} .CF-d-sel .p2 span{float:left;} .CF-d-sel .p2 .sp2{position:relative;top: 1px;margin:0 0 0 2px;} .CF-d-sel .p2 .sp2 .fill{fill: var(--corb13);} .CF-d-sel .p2 .sp7{color:var(--corg01);} .CF-d-sel .p3{height:16px;margin-top:10px;} .CF-d-sel .p3{height:16px;margin-top:10px;} .CF-d-sel .p3 a, .CF-d-sel .p3 span{ float:right; line-height:16px; cursor:pointer; transition:var(--anims05); -webkit-transition:var(--anims05); border-bottom:1px solid transparent; } .CF-d-sel .p3 a{color:var(--corg01);} .CF-d-sel .p3 a:hover{border-color:var(--corg01);} .CF-d-sel .p3 span{margin-left:10px;} .CF-d-sel .p3 span:hover{border-color:var(--corb11);} .CF-d-sel .p4{ position:absolute; width:0px; border-width:9px; border-style:solid; border-color:#fff transparent transparent; bottom:-15px; left:140px; } /*特殊样式按钮*/ .TOA_bntObj{position:absolute;height:20px;z-index: 300;color:#fff;text-align:center;font-size:12px;line-height:20px;} .TOA_bntObj li{float:right;padding:0px 2px;} .TOA_bntObj li p{border-radius:20px;background-color:#30B28DFF;cursor:pointer;} .TOA_bntObj_p1{width:60px;} .TOA_bntObj_p2{width:90px;} .TOA_bntObj_p3{width:30px;} .TOA_bntObj li p:hover{background-color:#59C1A4;} .TOA_bntObj li p:active{background-color:#1C996FFF;} /*AI去水印*/ .TOC_removemar{ position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:400; background-color:var(--corb10); transition:var(--anims05); -webkit-transition:var(--anims05); } .TOC_removemar_view{ z-index:99; transition:var(--anims05); -webkit-transition:var(--anims05); width:1200px; height:720px; position:absolute; top:50%; left:50%; margin-top:-360px; margin-left:-600px; } .TOC_removemar_iframe{ width:100%; height:100%; margin:0px auto; border-radius:10px; }